
@media only screen and (max-width: 1199px) {

   .spotlight-left {
    background: none !important;
   }

   .spotlight-left > img {
    display: block;
    width: 100%;
   }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .enquiry-details {  width: 56%;}
    .menu ul li a{ font-size: 12px;line-height: 14px;}
    .menu ul li { padding:0px 11px; }
    .slider-outer {margin-top: -29px;}
	.contact-details {   padding-right: 10px;  width: 24%;}
	.quality-field { padding-left: 25px;  width: 33%;}
	.footer-bottom-right { width: 42%;}
	.spotlight-left > img {width: 100%; }
	.spotlight-left { text-align: center;width:100%;}
	.spotlight-right {float:left;width:100%;text-align:center;padding-left:0;}
	.spotlight-right-inner {max-width: 600px;  float:none;display:inline-block; }
	.spotlight-right-inner .read-more { display: inline-block; float: none;}
  
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .header-top-menu {  width: 36%; }
    .enquiry-details {  width: 63%; }
    .header-top-menu ul li a {  font-size: 13px;  line-height: 14px;}
    .enquiry-details h6 {font-size: 11px;line-height: 15px;margin-right: 2px;}
    .enquiry-details p {  font-size: 13px;  line-height: 15px;  margin-left: 2px;}
    .header-top-menu ul li { padding: 0 3px;}
    .slider-outer {  margin-top: 0;}
    .slider-left {   width: 59%;}
    .img-outer { width: 72%;}
    .slider-right {padding-right: 0;  width: 41%;}
    .content-outer{margin-top: 0;}
    .menu {  width: 92%; padding-left: 3%;}
    .logo-outer { width: 8%;}
    .menu ul li a{font-size: 11px;line-height: 13px;}
    .menu ul li{padding: 0 7px;}
    .round-box::after { width: 88px;}
	.contact-details {   padding-right: 10px;  width: 28%;}
	.quality-field { padding-left: 25px;  width: 33%;}
	.twitter-field { width: 30%;}
	.footer-bottom-right {  width: 55%;}
	.footer-bottom span { width: 41%;}
	.spotlight-left > img {width: 100%;}
	.spotlight-left { text-align: center;width:100%; }
	.spotlight-right { float:left;width:100%;text-align:center;padding-left:0; }
	.spotlight-right-inner { max-width: 600px;  float:none;display:inline-block; }
	.spotlight-right-inner .read-more { display: inline-block; float: none; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    h2 { font-size: 29px; }
    h3 { font-size: 22px; }
    h4 { font-size: 18px; }
    .menu ul li{border: none;border-top: 1px solid #fff;}
    .menu ul li ul{position: inherit; top: 10px;}
    .menu ul ul li a{padding: 10px 0;}
    .menu ul li.sub .sub ul{ position: inherit;border:none; left: inherit;}

    .mean-container .mean-nav > ul {
        background: #575a5d;
        padding: 10px;
    }

	.mean-container .mean-nav ul li a.mean-expand { border:none;}
	.menu ul  li.sub:hover:before{display: none;}
    .menu ul li.active a, .menu nav > ul > li:hover > a{border:none;}
    .menu ul li.last ul li ul,.menu ul li:nth-last-child(2) ul ul{right: inherit;}
    .menu ul ul li.sub:after{display: none;}
    .mean-container .mean-nav ul li,
    .menu ul li:first-child, 
    ul#nav > li:first-child,
    ul#nav > li {padding: 11px 0; text-align: left;}

    .mean-container .mean-nav ul li a{font-size: 13px;line-height: 16px;}
    .menu ul li.sub ul {
        width:100%;
        position: static;
        margin-top: 12px;
    }

    .header-top-menu, .enquiry-details {  text-align: center; width: 100%;}
    .header-top-menu ul li { display: inline-block; float: none;}
    .enquiry-details h6 { width: 100%;margin-bottom: 5px;}
    .enquiry-details p { width: 100%;}
    .slider-outer { margin-top: 12px;}
    .logo-outer {  width: 100%;text-align: center;}
    .logo-outer img{width:88px;}
    .menu ul li a::before{content: none;}
    .menu { margin-top: 17px;width:100%;padding: 0;}
    .slider-left{width:100%;text-align: center;}
    .slider-right{width:100%;padding-right: 0;padding-top: 15px;text-align: center;padding-bottom: 20px;} 
    .img-outer{max-width:218px;width:100%;float: none;display: inline-block;}
    .heading-outer h2::after {  width: 57%;}
    .flex-control-nav{display:block;}
    .content-outer{ margin-top: 0; padding-top: 99px;text-align: center; padding-bottom: 13px;}
    .listing ul {margin-left: 0;width: 100%;}
    .product-listing {float: left;margin: 0;max-width: 100%;}
    .listing ul li {margin-left: 0;  width: 100%;text-align: center;margin-bottom: 30px;}
    .list-outer {display: inline-block;float: none;max-width: 300px;width: 100%;}
    .read-outer{text-align: center;}
    .read-outer a{float: none;display: inline-block;}
    
    .process-listing ul{margin-left: 0;width: 100%;}
    .process-listing {float: left;margin: 0;max-width: 100%;}
    .process-listing li {margin-left: 0;  width: 100%;text-align: center;margin-bottom: 30px;}
    .list-inner {display: inline-block;float: none;max-width: 300px;width: 100%;}
    .round-box::after , .process-outer::after{content: none;}
    .header-top-menu ul{margin-bottom: 10px;}
	.footer-logo { text-align: center;  width: 100%;}
	.footer-logo img{width:70px;}
	.footer br {display:none;}
	.contact-details{  padding-left: 0;width: 100%;text-align:center;}
    .icon , .contact-details span{float:none;display:inline-block;}
	.twitter-field { width: 100%;text-align:center;margin:20px 0;}
	.quality-field, .quality-field a {text-align: center; padding-left: 0;width:100%;}
	.quality-left {  margin-right: 0; width: 100%;}
	.quality-right {  width: 100%;margin-top:10px;}
	.twitter-field p {padding: 0 0 9px;}
	.footer {  padding: 34px 0;}
	.get-in-touch-block { margin: 24px 0 30px;}
	.footer-bottom span {  text-align: center;  width: 100%;margin-bottom:10px;}
	.footer-bottom-right , .footer-menu ul{   width: 100%;}
	.social-icons  , .footer-menu{ text-align: center;  width: 100%;margin:0;}
	.social-icons a , .footer-menu ul li{ float:none;display:inline-block;}
    .spotlight-left {
        min-height: 0;
    }
	.spotlight-left > img {width: 100%;}
	.spotlight-left { text-align: center;width:100%;}
	.spotlight-right {float:left;width:100%;text-align:center;padding-left:0;}
	.spotlight-right-inner {max-width: 480px;  float:none;display:inline-block; }
	.spotlight-right-inner .read-more { display: inline-block; float: none;}
	.flex-direction-nav{display:none;}
	.process-outer {  padding: 0 0 39px 0;}

     .main-top-nav {
        display: none !important;
     }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
     .content-outer{  padding-top: 74px;}
	 .spotlight-right-inner {max-width: 320px; }

     .feature-block .image { min-width: 0; }


}

