@media (max-width:1366px) { 
#scroll-section {padding:50px 4.5%;}

#service-section,#about-section,#projects-section, .footer1   {padding:50px 0;}

.products:after, .projects:after,.who:after, .intro:after, .get:after { display:none}
#sidebar2 img { width:35px}
#sidebar2 { width:35px }

.inner-header {height:320px;}

.bg-gray,.bg-white { padding:50px 0}

.hoverWrapper #hoverShow1 { height:35px; line-height:35px; font-size:15px; width:150px;
 right:25px}


}


@media (max-width:1280px){
.nav>li>a { padding:10px 10px}
.navbar-nav>li { font-size:14px}
.logo-css {height:80px;} 
body {padding-top: 81px;}
.about-text h3 {font-size:25px; line-height:35px;}
.who {left: -37px;}
.products {left: -47px;} 
.carousel-caption h3 {  font-size:46px}
.carousel-caption h4 { font-size:23px}
.link-1 {font-size:26px;}
.link-2 {font-size:20px;}
#projects-section .owl-theme .item h4 { font-size:15px;}
.curve img { width:70%;}
.page-heading {margin: 8% 0 0 3%;}

}


@media (max-width:1191px){
.navbar-nav>li {font-size: 13px;}
.service-text h3 {font-size:25px; line-height:35px} 
.service-text h1 {font-size: 35px; line-height: 25px;}
.get-in-touch h2 { font-size:25px}
.get-in-touch h4 { font-size:17px}
.footer1 {padding:40px 0;}

}
 
 
@media (max-width:1024px){ .rotate {display:none} .top-bg {height:500px;}}

@media (max-width:800px) {.rotate { display:none}}
@media (min-width:1191px) {
.p-l { padding-left:5px} 
.p-r { padding-right:5px}} 



@media (max-width:991px){ 
.navbar-nav>li {font-size: 12px; text-align:center;}
.logo-css {height:58px;}
.nav>li>a {padding: 10px 5px;}
 
.navbar-inverse .navbar-nav>li>a i { margin:0 0 0 5px}


.service-text { text-align:center;}
.service-text h1 {margin-top: 0;}
#about-section h2 { text-align:center; display:inherit}
.about-img { max-width:400px; margin:0 auto;  float: none;}
.img-boder {left:0; right:0; margin:0 auto;} 
#about-section h2 {margin: 0 0 20px 0;}
.about-text { text-align:center}
.services-img { max-width:50%}
.service-right {margin-top:30px;}
.icon-div { float:none}
.service-right ul { text-align:center}
.icon-div { width:100%;}
.service-right li {  display:inline-block; width:100%; margin:0;}
.service-right .text { width:100%;}
.footer2 p {font-size:12px;}
#about-section h2:after { display:none}

.icon-round { width:120px; height:120px; line-height:120px}
.icon-round img { width:40px}

.mt { margin:20px 0 0 0}
.curve {bottom:-2px;}  
.inner-header {height:260px;}
.page-heading {margin: 8% 0 0 3%;}
.text-css h2 { margin:0 0 15px 0; padding:0 0 0 0}

.producte-img h4 { padding:15px 0;font-size:13px;}
.contact-text p {font-size:14px;}

}
 
 
@media (max-width:767px) {
.carousel-caption { left:0; right:0; margin:0 auto}
.curve img { width:90%;}
.link-1,.link-2 { font-size:15px; height:35px;line-height:35px; float:none; display:inline-block; margin:2px 5px; } 
.link-1:before, .link-2:before { display:none;} 
.carousel-caption  { text-align:center; max-width:90%; width:auto}
.carousel-caption h3 { font-size:35px;}
.carousel-caption h4 { font-size:20px}
 
.navbar-inverse .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-inverse .navbar-toggle { background:#991112}
.navbar-toggle {border-radius:0; border:0;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { border:0;}
 

.top-logo { display:inline-block; height:45px;}
 
body { padding-top: 56px;}

.inner-header {height:230px;}
.page-heading h1 { font-size:30px}
.breadcrumb { font-size:10px}
.page-heading h1:after { display:none}
.page-heading h1:before { display:none}

.list-group-item a {padding: 10px 30px 10px 45px;font-size: 13px; }
.dropdown-menu { text-align:center}




 } 
 
 
 
@media (max-width:767px) {
.nav>li>a {
    padding: 8px 5px;
}    
    
#scroll-section .owl-theme .item { text-align:center}
.owl-carousel .owl-item img {  display:inline-block!important}
.get-in-touch h2 span { line-height:30px}
.get-in-touch h4 { font-size:16px} 
.contact-text h2 { text-align:center;     font-size:20px;}
.contact-text h2:after { left:0; right:0; margin:0 auto}
.contact-text p { margin:0 0 10px 0}
.dropdown-menu { background:#CCC}
}


@media (max-width:480px) {
.get-in-touch h2 { font-size:17px}
.get-in-touch h2 span { line-height:30px}
.get-in-touch h4 {font-size:15px;}
.footer1 p { font-size:12px; line-height:23px;}
#projects-section .owl-theme .item h4 {font-size:12px}
.curve { display:none}
#about-section h2 span { display:block}
.footer1 p br { display:none}
.general p br {display:block}
.footer1 p { margin:0 0 20px 0}
.branch-office {text-align:center}


.page-heading h1 { text-align:center; width:100%;}
.breadcrumb { margin:0; width:100%; text-align:center;  }  
.page-heading {margin: 8% 5px 0 5px;}

.page-heading h1 {font-size:24px;} 

.inner-header {
    height: 180px;
}
.patten {border:solid 5px rgba(255, 255, 255, 0.5);}
.gallery-div {margin-bottom:10px;}


.map-div iframe {height:250px!important}
.text-css h2 {font-size:19px;} 

.nav-tabs>li> a { font-size:12px; padding:10px 15px}
.nav-tabs>li> a:hover { font-size:12px; padding:10px 15px}


#sidebar2 img {width:25px;}

#sidebar2 {width:25px;}

.frp-section { padding:20px}
 

}
 
@media (max-width:414px) {
 .get-in-touch h2 {font-size: 20px;}   
    
.services-img {max-width: 70%;} 
.about-img {max-width:270px;}
.get-in-touch h2 {font-size: 14px;}

.about-text h3 {
font-size: 20px;
line-height: 25px;
}

.service-text h1 { font-size:30px;}

.service-text h3 {
font-size: 20px;
line-height: 25px;}


.get-in-touch, .headquarter { width:100%;} 
.footer1 p {margin: 0 0 10px 0;}
.footer1 h5 { text-align:center;     margin: 20px 0 20px 0;}
.footer1 p { text-align:center}
.social-media { text-align:center}
.get-in-touch h2 {text-align:center}
.get-in-touch h4 {text-align:center}
.footer2 p {font-size:11px;}
.footer1 p { padding:0; margin:0}
.d-n { display:none}
.mt { margin-top:30px!important}
.bg-gray, .bg-white {padding:30px 0;}

.gallery-div {min-height:178px; }
.gallery-full {width:50%}

.footer1 {padding:20px 0;}
textarea.form-control { height:150px;}

.form-group {
    margin-bottom:10px;
}

.footer2 {padding: 15px 0;}

.nav-tabs>li { width:100%;  text-align:center}
.nav-tabs>li {float: left;margin-bottom: 3px;}
.text-css h2 { line-height:30px}
.carousel-caption h4 br { display:none}
.carousel-caption h4 { font-size:17px}
.top-bg {height: 390px;}
 
} 

@media (max-width:360px) {
.inner-header {height: 157px;}
.text-css h2 { font-size:20px;}  
.gallery-div {min-height:145px;}
.gallery-full {width:100%}
.carousel-caption h4 {font-size:14px;}
}