@media (min-width : 320px) and (max-width: 480px) {
header .navbar-brand img { max-height: 40px }
header.sticky .navbar-brand img {max-height: 35px;}
.container-fluid { padding: 0 15px }
.project_carousel { padding: 0 40px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.carousel-caption h1, .counting .number { font-size: 20px; }
h2, .home_formarea .sec_head, .contact_sec h2 { font-size: 26px }
.counting { font-size: 14px }
#cssmenu > ul > li > a { padding: 10px 10px; font-size: 14px; }
.pd-15per { padding-right: 15px; }
.footer_menu li { font-size: 14px }
.footer_bottom { font-size: 14px; margin-top: 50px;}
.project_carousel button span { height: 25px; width: 25px }
.sec_padd, .sec_padd2, .sec_vision { padding: 25px 0 50px 0 }
#slide_carousel .carousel-item{height:400px!important}
#slide_carousel .carousel-item .carousel-caption{padding-right:10px}
.footer_menu li{-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.carousel-item:after{width:100%; transform: skew(0deg); left:0}
#slide_carousel .carousel-item{height:400px!important}
.banner_inner h1{font-size:23px}
.about_sec h2{font-size:24px}
header{padding:10px 0;}   
.toptime_contact_highresltn{display:none;}
.toptime_contact_smallresltn{display:block;}
.carousel-caption .text_sm {font-size: 15px !important;}
.carousel-caption .text_lg {font-size: 25px !important;}
.whoWeR_sec p {line-height: 25px;}
p{font-size:14px;}  
.service_section{padding-top:45px; padding-bottom:10px;} 
.ser_box{margin-bottom:15px; min-height:auto;}
h4{font-size:19px;}  
h3{font-size:23px;}    
.ser_box_hover:hover {transform: scale(1.01);} 
.client_sec .owl-carousel .owl-item img { width: 100%;}
.f_logo {padding-top: 0; margin-bottom:30px;}
footer{padding-top:60px;}
footer h5 {margin: 30px 0 20px; font-size: 16px;}
.wrknghours_small{background:#141414;}
.toptime_contact_smallresltn .d-inline-block{width:100%; text-align: center; margin-left:0; margin-top:5px;}
.toptime_contact_smallresltn.toptime_contact, .toptime_contact_smallresltn.toptime_contact a {color: #818181;}
.toptime_contact_smallresltn.toptime_contact a:hover, .toptime_contact_smallresltn.toptime_contact .textblue {color: #2668db;}
.toptime_contact_smallresltn.toptime_contact{margin: 20px 0;}
.banner_inner {height: 170px;padding-top: 70px;}
header.sticky{padding:10px 0;}
.carousel-inner {height: auto;}
#cssmenu > ul > li > a { padding: 18px 10px; font-size: 18px; }
#cssmenu ul ul li a{padding: 13px 15px; font-size: 16px;}
header.sticky #cssmenu ul ul {padding-top: 0;} 
.scrolldown{display:none;} 
.btn-primary{padding:10px 30px; font-size:16px;}
.linedarkbtn{padding: 10px 35px;font-size:16px;}
.sec_vision::before{background-size:cover;}
.sec_vision{padding-top:0;} 
 #cssmenu li:hover > ul {-webkit-box-shadow: 0px 0px 30px 0px rgb(179 187 206 / 0%);box-shadow: 0px 0px 30px 0px rgb(179 187 206 / 0%);}  
    #cssmenu.small-screen ul ul li a:hover{color:#1762e2;}   
.carousel-caption {padding-top: 100px;}   
.w-btn, .l-bluebtn{ padding:12px 29px; font-size:16px;} 
.w-btn:hover, .l-bluebtn:hover{padding:12px 25px 12px 33px;}    
    .carr_ship .col-lg-5 img{margin-bottom:15px;}   
}

@media (min-width: 480px) and (max-width: 575px) {
	header .navbar-brand img { max-height: 50px }
.container-fluid { padding: 0 15px }
.project_carousel { padding: 0 40px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.carousel-caption h1, .counting .number { font-size: 22px; }
h2, .contact_sec h2 { font-size: 26px }
.counting { font-size: 16px }
#cssmenu > ul > li > a { padding: 18px 10px; font-size: 18px; }
#cssmenu ul ul li a{padding: 13px 15px; font-size: 16px;}
header.sticky #cssmenu ul ul {padding-top: 0;}
.pd-15per { padding-right: 15px; }
.footer_menu li { font-size: 14px }
.footer_bottom { font-size: 14px }
.project_carousel button span { height: 25px; width: 25px }
.sec_padd, .sec_padd2, .sec_vision { padding:25px 0 50px 0 }
#slide_carousel .carousel-item{height:400px!important}
#slide_carousel .carousel-item .carousel-caption{padding-right:40px}
.footer_menu li{-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
.banner_inner h1{font-size:24px}
.banner_inner{padding-top:80px;}   
.about_sec h2{font-size:24px}
.carousel-caption .text_lg {font-size: 27px !important;}
.client_sec .owl-carousel .owl-item img {width: auto;}
.f_address .d-inline-block{width:100%;} 
 header {padding: 15px 0;} 
.toptime_contact{margin-bottom:0;}
header.sticky .toptime_contact {margin-bottom: 0;}
header.sticky{padding: 10px 0 5px 0;}
.carousel-inner {height: 100%;}   
.carousel-caption .text_sm {font-size: 17px !important;}
.carousel-caption .text_lg {font-size: 30px !important;} 
.ser_box_hover:hover {transform: scale(1.01);}
.ser_box{min-height:auto;}
.client_sec{padding-top:0;}
.service_section {padding-top: 50px;padding-bottom: 75px;}
.f_address .d-inline-block{width:100%;}    
.f_logo {padding-top: 0; margin-bottom:30px;}
footer{padding-top:60px;}
footer h5 {margin: 30px 0 20px; font-size: 16px;} 
.carousel-caption .align-items-center{-ms-flex-align: end !important;align-items: flex-end !important;}   
.carousel-caption{padding-bottom:50px;} 
.scrolldown{display:none;} 
.sec_vision{padding-top:0;} 
.w-btn, .l-bluebtn{ padding:12px 50px; font-size:16px;} 
.w-btn:hover, .l-bluebtn:hover{padding:12px 45px 12px 55px;}      
}

@media (min-width: 576px) and (max-width: 767px) {
header .navbar-brand img { max-height: 40px }
header.sticky .navbar-brand img {max-height: 35px;}
.container-fluid { padding: 0 30px }
.project_carousel { padding: 0 40px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.carousel-caption h1, .counting .number { font-size: 24px; }
h2, .contact_sec h2 { font-size: 33px }
.counting { font-size: 16px }
#cssmenu > ul > li > a { padding: 18px 10px; font-size: 18px; }
.pd-15per { padding-right: 15px; }
.footer_menu li { font-size: 14px }
.footer_bottom { font-size: 14px }
.project_carousel button span { height: 25px; width: 25px }
.sec_padd, .sec_padd2 { padding: 50px 0 }
#slide_carousel .carousel-item{height:450px!important}
.banner_inner h1{font-size:30px}
.about_sec h2{font-size:24px}
.scrolldown{display:none;}    
.ser_box{min-height:auto; margin-bottom:15px;} 
.service_section {padding-top: 50px;padding-bottom: 10px;}
.f_logo {padding-top: 0; margin-bottom:30px;}
footer{padding-top:60px;}
footer h5 {margin: 30px 0 20px; font-size: 16px;}
header, header.sticky{padding:10px 0;} 
.toptime_contact, header.sticky .toptime_contact {margin-bottom:0;}
.banner_inner {height: 260px;} 
.sec_vision::before{background-size:cover;}
.sec_vision{padding-top:0; padding-bottom:0;}
.mission_sec{padding-bottom:50px;}
header.sticky #cssmenu ul ul {padding-top: 0;}
 #cssmenu li:hover > ul {-webkit-box-shadow: 0px 0px 30px 0px rgb(179 187 206 / 0%);box-shadow: 0px 0px 30px 0px rgb(179 187 206 / 0%);}  
    #cssmenu.small-screen ul ul li a:hover{color:#1762e2;}     
 .text_lg {font-size: 30px !important;} 
.carousel-inner {height: auto;}
.carousel-caption {padding-top: 100px;}    
    .carr_ship .col-lg-5 img{margin-bottom:15px;}     
}
@media (max-width: 767px) {
	.sec_vision:before{width:100%;position: inherit; height:250px; margin-bottom:25px;}
	.vision_content, .mission_content{padding:0}
	.sec_values, .mission_sec{padding-top:0}
	.banner .carousel-indicators{right:30px}
    .servicesboxes{margin-bottom:30px;}
        .servicesboxes h4{font-size:17px;} 
}

@media (min-width: 768px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
header .navbar-brand img { max-height: 45px }
header.sticky .navbar-brand img{ max-height: 40px }
.container-fluid { padding: 0 15px }
.project_carousel { padding: 0 40px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.carousel-caption h1, .counting .number { font-size: 26px; }
h2, .contact_sec h2 { font-size: 30px }
.counting { font-size: 16px }
#cssmenu > ul > li > a { padding: 10px 10px; font-size: 16px; }
.pd-15per { padding-right: 15px; }
.footer_menu li { font-size: 14px }
.footer_bottom { font-size: 14px }
.project_carousel button span { height: 25px; width: 25px }
.sec_padd, .sec_padd2 { padding: 50px 0 }
#slide_carousel .carousel-item{height:350px!important}
.toptime_contact, header.sticky .toptime_contact{margin-bottom:0;}
.whoWeR_sec .row.align-items-center {align-items: inherit !important;}
h6{font-size:17px;}
.service_section {padding-top: 50px;padding-bottom: 30px;}
.service_section .container{padding:0;}
.serviceimg img{width:65%;}
h4 {font-size: 17px;}    
.ser_box p{font-size:14px;}
.ser_box h4{margin-top:5px;}
.ser_box{min-height:530px;}
.carousel-caption .text_sm {font-size: 17px !important;}
.carousel-caption .text_lg {font-size: 35px !important;}  
.carousel-inner {height: 60vh;}
h3 {font-size: 26px;}
.scrolldown{display:none;}    
.visionmission .serviceimg img {width: 55%;}
.banner_inner {height: 250px;padding-top: 110px;}   
.banner_inner h1 {font-size: 30px;}
header, header.sticky {padding: 15px 0 5px 0;}    
#cssmenu > ul > li > a { padding: 18px 10px; font-size: 18px; }
#cssmenu ul ul li a{padding: 13px 15px; font-size: 16px;}
header.sticky #cssmenu ul ul {padding-top: 0;} 
 #cssmenu li:hover > ul {-webkit-box-shadow: 0px 0px 30px 0px rgb(179 187 206 / 0%);box-shadow: 0px 0px 30px 0px rgb(179 187 206 / 0%);}  
    #cssmenu.small-screen ul ul li a:hover{color:#1762e2;}    
.about_sec h2{font-size:21px;}
.carr_ship .row{margin-bottom:30px;}
    .servicesboxes h4{font-size:17px;}    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
}

@media (max-width: 991px) {
.whoWeR_sec .pl-0 { padding-left: 15px !important; margin-bottom: 25px; }
#cssmenu ul ul{padding-top:0}
}

@media (min-width: 992px) {
}

@media only screen and (min-width:992px) and (max-width:1100px) {
header .navbar-brand img { max-height: 45px }
header.sticky .navbar-brand img{ max-height: 36px }
.container-fluid { padding: 0 30px }
.project_carousel { padding: 0 80px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.carousel-caption h1, .counting .number { font-size: 26px; }
h2 { font-size: 35px }
.counting { font-size: 20px }
#cssmenu > ul > li > a { padding: 10px 10px; font-size: 15.5px; }
.pd-15per { padding-right: 15px; }
.footer_menu li { font-size: 14px }
.footer_bottom { font-size: 14px }
.contact-details {margin-left: 15px;}
.contact-icon i{height:60px; width:60px; line-height:60px}
.contact-block{height:100%}
.carousel-inner {height: 75vh;}
.sec_padd {padding: 65px 0;}
.service_section {padding-top: 60px;padding-bottom: 45px;}
.ser_box h4{font-size:18px;}
.ser_box p{font-size:14px;}
.client_sec .owl-carousel .owl-item img{width:100%;}
h3 {font-size: 26px;}   
.visionmission .serviceimg img {width: 35%;}
.banner_inner {height: 300px;}
.text_lg {font-size: 39px !important;}  
.about_sec h2{font-size:25px;}  
.carr_ship .row{margin-bottom:30px;}    
}

@media only screen and (min-width:1101px) and (max-width:1199px) {
.container-fluid { padding: 0 30px }
.project_carousel { padding: 0 80px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.carousel-caption h1, .counting .number { font-size: 60px; }
h2 { font-size: 55px }
.counting { font-size: 20px }

}


@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1299px) {
.container-fluid { padding: 0 30px }
.project_carousel { padding: 0 80px; }
.project_carousel button.owl-prev { left: 0 }
.project_carousel button.owl-next { right: 0 }
.text_lg {font-size: 42px !important;}
.carousel-caption h1{font-size:30px;}    

}

@media (min-width: 1300px) and (max-width: 1366px) {
.container-fluid { padding: 0 30px }
.text_lg {font-size: 42px !important;}
.carousel-caption h1{font-size:30px;}     
}

@media (min-width: 1366px) {
.container-fluid { padding: 0 55px }
}

@media (min-width: 1366px) and (max-width: 1450px) {
}

@media (min-width: 1600px) and (max-width: 1680px) {
}

@media (min-width: 1900px) and (max-width: 1920px) {
}