 
 
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 991px) { 
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 991px) and (max-width: 1200px) { 
    
    .category-outercon{width: 32.2%;}
    .category-outercon h5{font-size: 18px;}
    .footer-outer .right-outercon .top-block ul li{padding-right: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    .landing-logo-outer{padding: 33px 50px;}
    .logo-outercon{padding-bottom: 0px;}
    .landing-listing-outer ul li .single-outercon .top-cont-blok h3{font-size: 22px; line-height: 26px;}
    .landing-listing-outer ul li .single-outercon .top-cont-blok h2 { font-size: 36px;line-height: 50px;}
    .landing-listing-outer ul li .single-outercon .top-cont-blok {padding: 20px;}
    .category-outercon h5{font-size: 14px;}
    .category-outercon ul li a{font-size: 12px; padding: 3px 5px 4px;}
    .category-outercon{height: 270px;}
    .category-outercon{width: 26%;}
    .banner-main-outer{height: 275px;}
    .category-outercon h5{padding-bottom: 0px; font-size: 11px;}
    .slider-outer{width: 72.2%;}
    .footer-outer .right-outercon .top-block ul li {padding-right: 5px; width: 25%; }
    .contactus-outer h2{font-size: 24px;padding: 0 0 0px;}
    .contactus-outer h2 strong{font-size: 40px;}
    .contactus-outer{padding: 10px 19px}
    .contactus-outer .contact-text{margin-bottom: 5px;}
    .contactus-outer .contact-msg{height: 58px;}	
	.news-content { width: 60%;}
	.header-bottom-left {  margin-top: 0;}
	.search-outer input { max-width: 214px;}

	.landing-listing-outer ul li .single-outercon .top-cont-blok .cont-block p {
		height:260px;
	}
	.landing-listing-outer ul li .single-outercon .top-cont-blok .cont-block img {
		width:35px;
		height:auto;
		margin-left:5px;
	}		

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {    
    .inner-blockmain{padding:25px 15px 0; margin-top: 10px;}    
    .landing-logo-outer{padding: 30px;}
    .logo-outercon{padding-bottom: 0px;}
    .logo-outercon.vicon-logo,
    .logo-outercon.gate-moto-logo,
    .logo-outercon.whelen-logo{width: 100%; max-width: 100%; padding: 10px 0;}    
    .logo-outercon.gate-moto-logo a{ padding: 0 0 5px ;}
    .landing-listing-outer ul li,
    .landing-listing-outer ul li:first-child{width: 100%; max-width: 100%; padding:10px  0px;}
    .landing-listing-outer ul li .single-outercon .top-cont-blok h3{height: auto;}
    .landing-listing-outer ul li .single-outercon .top-cont-blok h2{height: auto; }
    .contactus-outer{float: none; margin: 0 auto;}    
    .contact-main-block{ padding: 20px 0;}  
		.footer-outer { position:relative; float:none; clear:both; }
    .footer-outer .right-outercon{padding:20px 6px 20px;border: none; position: relative; text-align: center; float:none; clear:both;}
		.footer-outer .right-outercon p { text-align: center; }
    .footer-outer .left-outercont{padding: 20px 20px 2px; position:relative; text-align: center; float:none; clear:both; }
    .banner-main-outer{height: auto; float: left;}
    .banner-main-outer:after{display: none; }
    .slider-outer{width: 100%; max-width: 100%; position:relative;}
    .slider-outer li {width: 100%; max-width: 100%;}
    .slider-outer li img{width: 100%; max-width: 100%;}
    .slider-outer .cycle-next{top: 50%; margin-top:-23px; right:-10px;}
    .slider-outer .cycle-prev{top: 50%; margin-top:-23px; left:-10px; }
    .category-outercon{width: 100%; max-width: 100%; height: auto; margin-top: 20px;}    
    .footer-outer .right-outercon .top-block ul{width: 100%; text-align: center;}
    .footer-outer .right-outercon .top-block ul li{ width: auto; display: inline-block; float: none; padding: 5px;}  
    .news-headerblk:before{width: 27px;}
    .news-headerblk h5{width: 87%;}
    .news-headerblk .header-endblk{width: 13%;}	
	.menu-outer::after ,.menu-outer::before , .menu-outer{background:none; width: 100%; height: 0;padding:0;}
	.mean-container .mean-nav ul li{box-sizing:border-box;}
	.mean-container .mean-nav ul li a{border-bottom: 1px solid #e5e5e5;}
	.menu-outer ul li ul { position: inherit;top: 0;border:0;}
	.menu-outer ul li ul li{background:#fff;}
	.news-content { width: 100%;}
	.news-outer ul li {text-align: center;}
	.news-image-outer {float: none;margin: 0 auto;}	
	.header-bottom-left img {max-width: 290px;}
	.header-bottom-left {margin-top: 0; text-align: center;width: 100%;}
	.header-bottom-left a strong {text-align: center;}
	.header-bottom-right {  margin-top: 0; width: 100%;}
	.header-right-top { width: 100%;}
	.header-bottom-right a {float: left; text-align: center;width: 100%;}
	.header-social-icons {text-align: center; width: 100%;}
	.search-outer {text-align: center;}
	.search-outer input {display: inline-block;  float: none; text-align: center;}
	.header-social-icons li { display: inline-block;  float: none;}
    .slider-outer{overflow: visible;}
	.content-outer { padding: 20px 0 0px;}
	.footer-outer { padding: 0 0 5px;}
	.footer-outer .left-outercont ul {  text-align: center;}
	.footer-outer .left-outercont ul li{   display: inline-block; float: none;}
	.news-content a , .news-content a:hover{  padding-right: 14px;}


	.landing-listing-outer ul li .single-outercon .top-cont-blok .cont-block p {
		height:200px;
	}
	.landing-listing-outer ul li .single-outercon .top-cont-blok .cont-block img {
		margin-right:10px;
		margin-left:10px;
	}
}
@media only screen and (min-width: 700px) and (max-width: 767px) {
	.slider-outer {
		clear: both;
		margin-bottom:35px;
	}
} 

@media only screen and (min-width: 480px) {
} 

@media only screen and (max-width: 479px) {
    
    .category-outercon h5{font-size: 16px;}
	.header-bottom-left a strong{  font-size: 12px;}
	.header-bottom-left img {max-width: 240px;}

	.landing-listing-outer ul li .single-outercon .top-cont-blok .cont-block p {
		height:220px;
	}
	.landing-listing-outer ul li .single-outercon .top-cont-blok .cont-block img {
		width:40px;
		height:auto;
		margin-right:8px;
		margin-left:8px;
	}
}
 

@media only screen and (max-width : 319px) {
    .landing-logo-outer{padding: 15px;}
}

 