/* large Desktops and laptops ----------- */
@media only screen and (min-width: 1225px) and (max-width: 1800px) {
	.container {
		max-width: 1170px
	}
}







/* Desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1224px) {
	.container {
		max-width: 960px;
	}
}








/* TABLETS (portrait and landscape) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		max-width: 720px
	}
}








/* TABLETS - SMARTPHONES LANDSCAPE (portrait and landscape)  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.container {
		max-width: 640px;
	}
}








/* Smartphones (portrait and landscape)  */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.container {
		max-width: 360px;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.column {
		flex-direction: column;
	}

	.full {
		width: 100% !important;
	}

	.smdnone {
		display: none;
	}

	.header .logoMenu .logo {
		width: 45%;
	}

	.menu {
		position: fixed;
		right: 0;
		top: 0;
		background: #fff;
		width: 100%;
		height: 100%;
		z-index: 99999;
		transform: rotateY(90deg);
		transform-origin: right;
		transition: 0.5s all ease;
	}

	.menu.active {
		transform: rotateY(0);
	}

	.menu ul {
		flex-direction: column;
		padding: 30px;
	}

	.header .container .menu ul li {
		padding: 10px 0px;
	}

	.header .container .menu ul li.dropdown .dropdown-content {
		left: 0;
	}

	.header .container .menu ul li.dropdown .dropdown-content {
		left: 0;
		height: 300px;
		overflow-y: scroll;
	}

	.icon-close2 {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 22px;
		z-index: 99999;
		display: block;
	}

	.icon-menu {
		font-size: 28px;
		display: block;
		margin-left: 15px;
	}

	.header .logoMenu .menuLogin .menu ul li ul {
		width: 90%;
	}

	.header .logoMenu .menuLogin .menu ul li ul ghgf {
		position: absolute;
		padding: 10px;
	}

	.bannerSlider .item {
		height: 50vh;
	}

	.bannerSlider .item img {
		height: 50vh;
	}

	.bannerSlider .item img.battery,
	.bannerSlider .item img.processor {
		width: 35px;
		height: 35px;
		margin-bottom: 8px;
	}

	.bannerSlider .item .box {
		left: 15%;
		padding: 20px;
		border-radius: 8px;
		max-width: 230px !important;
	}

	.bannerSlider .item .box h4 {
		color: #111111;
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 12px;
	}

	.bannerSlider .item .box p {
		color: #767676;
		font-size: 12px;
		font-weight: 400;
	}

	#example_filter {
		margin-bottom: 15px;
	}

	.pricing h1 {
		font-size: 22px;
	}

	.different {
		padding: 30px 0;
	}

	.different .services .sinSer {
		width: calc(100% - 50px);
		padding: 40px 25px;
		margin-bottom: 20px;
	}

	.different .services .sinSer h2 {
		font-size: 20px;
	}

	.different .services .sinSer p {
		font-size: 13px;
		line-height: 20px;
	}

	.different h1 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.different .container>p {
		margin-bottom: 18px;
		font-size: 14px;
	}


	.ourCleint .logo {
		flex-wrap: wrap;
	}

	.ourCleint .logo img {
		/* box-shadow: 0 0 10px #ddd; */
		margin-bottom: 15px;
		width: 48%;
	}

	.payFoot .pay img {
		height: 300px;
	}

	.payFoot .pay .details h4 {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.payFoot .pay .details h1 {
		margin-bottom: 12px;
		font-size: 17px;
	}

	.payFoot .pay .details p a img {
		width: 50px;
		height: 15px;
	}

	.footer .address,
	.footer .contact,
	.footer .social,
	.footer .morepage {
		margin-bottom: 15px;
	}


	.aboutUsHero,
	.individualHero,
	.DedicatedHero {
		height: 200px;
	}

	.aboutUsHero h1,
	.DedicatedHero h1,
	.individualHero h1 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.abt {
		padding: 25px 0 20px 0;
	}

	.abt p {
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 12px;
	}

	.example {
		width: 340px;
	}

	.customizedServer form .input-control {
		margin-bottom: 15px;
	}

	#example_wrapper {
		overflow-x: scroll;
	}

	.approach .right h1,
	.serverAccess .left h1 {
		font-size: 24px;
	}

	.approach .right ul li,
	.serverAccess .left ul.SapServer li {
		font-size: 12px;
	}

	.approach .right ul {
		margin-left: 15px;
		margin-bottom: 20px;
	}

	.approach .right .shaArch .share img {
		width: 35px;
		margin-right: 15px;
	}

	.approach {
		padding: 30px 0;
	}

	.whyMe h1 {
		font-size: 22px;
	}


	.singleCourese .left,
	.training .left {
		margin-bottom: 30px;
	}
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {}