@media only screen and (max-width:1300px){
	.container{width:1100px;}
	#main ul li{margin-right: 65px;}
	/*#main ul li:nth-child(2){margin-right:400px;}*/
}

@media only screen and (max-width:1200px){
	.container{width:970px;}
	#main ul li{margin-right: 20px;}
/*	#main ul li:nth-child(2){margin-right:370px;}*/
	#footer .social-icons a{margin:5px;}
}
@media only screen and (max-width:992px){
	body{font-size: 17px;}
	.container{width:750px;}
	.section-title{font-size: 3em;}
	.navbar-header { float: none; }
	
  .navbar-toggle { display: block; margin: 15px 0 0 0; padding: 0; border: none; }
  .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar { background: #000; }
  .shrink .navbar-toggle { margin-top: 15px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; }
  #header .navbar-toggle .icon-bar { height: 4px; width: 30px; background-color: #fff; }
  #header .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); float: none;background-color: rgba(0,106,175,0.6);}
  .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-nav { float: none !important; margin-top: 0; }
  #main ul { margin: 0; }
  #main.navbar-nav li { float: none; display: block; padding: 0; margin:0; }
  #main.navbar-nav ul li:nth-child(2){margin:0;}
  #main.navbar-nav li a { padding-top: 13px; display: block; text-align: center; width: 100%; padding-bottom: 13px; }
  #main.navbar-nav li a::after{margin:5px auto 0 auto;}
  #main.navbar-nav li a:hover, .navbar-nav li a:focus {background-color: rgba(0,106,175,0.9);}
  .collapse.in { display: block !important; }

  #header, .shrink #header { padding: 5px 30px 10px 30px; }
  #logo{position: static; float: left; transform: none; left:auto;}
#logo, .shrink #header #logo{width: 150px; margin-top:5px;}
  #header .container { width: 100%; }
  .navbar-collapse { padding-left: 0; padding-right: 0; }
  #main.navbar-nav { width: 100%; display: block; float: none; margin: 0; }
  #main-banner .hero h1{font-size: 3em;}
  #home-slider .owl-item img{height: 150px;}
  .giving-back-text{margin-bottom: 55px; text-align: center;}
  #giving-back h3{font-size: 2.200em;}
  #ready-for-fun{padding-top: 135px;}
  #footer{background-image:none; text-align: center; padding-bottom: 60px;}
  #footer .social-icons{margin:30px 0;}
  #footer .footer-help{float: none;}
  #ready-for-fun{padding-bottom: 210px;}
  #ready-for-fun.innerpage{padding-bottom: 40px ;}
  #ready-for-fun .Large{display:none;}
  #contact-main input{margin-bottom: 0.80em;}
  .wrapper-dropdown-3{margin-bottom: 0.80em;}
  #map_wrapper{height: 500px;}
  .contact-form-wrap input.form-control, .contact-form-wrap textarea.form-control{margin-top: 20px;}
  .contact-form-wrap .form-group{margin-bottom: 0;}
  .contact-form-wrap .btn-light{float: none; margin-top: 15px;}
  .contact-social-wrap h2{font-size: 1.34em;}
  .contact-social-wrap a span.fa{font-size: 1.85em;}
  .contact-social-wrap p{font-size: 0.777em; margin-top: 15px;}
  .contact-social-wrap h2{margin-bottom: 30px;}

}

@media only screen and (max-width:767px){
	#main-banner.HomeBanner .hero{padding:0 15px;}
	body{font-size: 16px;}
#main-banner .container{padding-left:15px;}
	.container{width: 100%;}
	#home-slider .owl-nav .owl-prev{left:0;}
	#home-slider .owl-nav .owl-next{right: 0;}
	#ready-for-fun .btn{margin:10px;}
  #map_wrapper{height: 450px;}
  .ProductBanner h2{font-size: 2.1em;}
  .PaddMobile{padding-left: 15px; padding-right: 15px;}
  .who-we-are-para p, .who-we-are-cloud p{padding-left: 15px; padding-right: 15px;}
  .who-we-are-cloud h2{font-size: 1.900em;}
  .who-we-are-cloud::before{height: 132px;}
  #home-slider .owl-nav .owl-next{right:0;}
   #home-slider .owl-nav .owl-prev{left:0;}
}

@media only screen and (max-width:640px){
	
	#ready-for-fun .section-title, #main-banner .hero h1,.section-title{font-size: 2.5em; letter-spacing: 0.050em;}
	#giving-back h3{letter-spacing: 0.050em;}
	#footer::before{height: 70px; background-size: 1300px auto}
	#footer .social-icons a{font-size: 1.7em; width: 50px; height: 50px; line-height: 48px;}
	.z-tabs.silver > ul > li > a{padding:15px; text-align: center; background-color: #fff !important;}
  .z-tabs.silver > ul > li > a:after{display: none !important;}
  .z-tabs.silver > ul > li > a:hover, .z-tabs.silver > ul > li.active > a{background-color: #f2f2f2 !important; }
  #products-listing .container{margin-top: 25px;}
  .z-tabs > .z-container{border:0;}
  .single-prod-fold{padding:30px 20px;}
  #ready-for-fun{padding-top: 40px; padding-bottom: 150px;}
  .contact-social-wrap a span.fa{font-size:1.500em;}
  .contact-social-wrap a p{font-size: 0.677em; letter-spacing: normal;}
  #main-banner .hero .btn{font-size:1.22em;}
  #home-slider .arrow-next, #home-slider .arrow-prev{width:30px; height:40px; background-size:100% auto;}
  #ready-for-fun{margin-top:20px;}
  #Buy-online li img{max-width:70%;}
}
@media only screen and (max-width:480px){
	#home-slider .owl-prev, #home-slider .owl-next {
		/*top: 200px !important;*/
	}
	.who-we-are-cloud::before{height:93px; background-size:1200px auto;}
	
}