@media (max-width: 991px) {

.top_head{border-bottom:1px solid #0b2759; margin-bottom:15px;}
ul.top_social{ float:none; display:flex; width:150px; margin:0 auto; padding-bottom:10px;  text-align:center;}

header.sticky .top_head{margin-bottom:0px;}


/**** Mobile menu css start *****/
.mobile-offcanvas.show{ background:#fff;}
.offcanvas-header .navbar-brand {width: 90%;}
.offcanvas-header a img{max-width:30%; max-height:100px; padding:10px 0 0 10px;}


.navbar-toggler-btn-close span{height:1px; width:16px; background-color:#000; font-size:0.9em;} /* Mobile menu close button*/

header .navbar-light .navbar-nav{ padding:10px 0px 30px;}
header .navbar-light .navbar-nav li, header .navbar-light .navbar-nav .dropdown-menu li{ border-top:1px solid #ebebeb;}
.nav_sec .navbar-light .navbar-nav .nav-link{color:#000; padding:5px 30px;}
.nav_sec .navbar-light .navbar-nav .nav-link:hover, .nav_sec .navbar-light .navbar-nav .nav-link:focus, .nav_sec .navbar-light .navbar-nav .show > .nav-link, .nav_sec .navbar-light .navbar-nav .active > .nav-link, .nav_sec .navbar-light .navbar-nav .nav-link.show, .nav_sec .navbar-light .navbar-nav .nav-link.active{ color:#00aeef; border-color:#CCCCCC;}

/**** Mobile menu css start *****/


.testi_sec .sliderarrow.owl-carousel .owl-nav button.owl-prev{ left: 24px;}
.testi_sec .sliderarrow.owl-carousel .owl-nav button.owl-next{ right: 24px;}

/*---- Inner Page  ----*/

.hero_sec .owl-carousel .owl-nav button{ width: 35px; height: 43px;}
.hero_sec .owl-carousel .owl-nav button::after { font-size: 26px !important; line-height: 40px !important;}
.hero_sec .cap_inn{ max-width:100%; text-align:center;}

.hero_sec .owl-carousel .cap_inn h2{font-size:2em !important;}


.hero_sec{margin-top:80px;}
.in_head{margin-top:90px;}
.in_head .hero_cap h2{padding:0px 20px; font-size:3em !important; font-weight:500;}

.in_head img{ width:100%; object-fit:cover;}

.ourprocess_innerpage_sec{padding:50px 0 70px;}
.ourprocess_innerpage_sec .process_sec .info_line{width:80%;}
.ourprocess_innerpage_sec .process_sec{ padding:0 0 129px; background:none; color:#FFFFFF;}

.welcome_sec {padding:30px 0 10px;}
.process_sec{padding:30px 0;}
}

@media (max-width: 768px) {
/*---- Inner Page  ----*/
.in_head{margin-top:80px;}

.offcanvas-header a img{max-width:35%; max-height:100px; padding:10px 0 0 10px; margin-top:15px;}

.ourservices-contentimage{width:35%;}
.ourservices-contentimage img{max-width:100%; max-height:200px;}
.ourservices-content{width:65%; padding:0 30px; font-size:1.1em;}

.sliderarrow.owl-carousel .owl-nav button{ width:40px; height:40px; top:48%;}
.sliderarrow.owl-carousel .owl-nav button.owl-prev:after{font-size:30px; left:-3px; top:-3px;}
.sliderarrow.owl-carousel .owl-nav button.owl-next{ right:-100px;}
.sliderarrow.owl-carousel .owl-nav button.owl-next:after{font-size:30px; right:-1px; top:-6px;}

.testi_sec .sliderarrow.owl-carousel .owl-nav button.owl-prev{ left: -20px;}
.testi_sec .sliderarrow.owl-carousel .owl-nav button.owl-next{ right: -20px;}
}

@media (max-width: 680px) {

.offcanvas-header a img{max-width:40%;}
}

@media (max-width: 600px) {

.offcanvas-header a img{max-width:45%;}

/*---- Inner Page  ----*/
.in_head{ margin-top:80px;}
.in_head h2{padding-top:00px; font-size: 1.5em;}
.hero_sec .owl-carousel .cap_inn h2{font-size:1.5em !important;}

.ourprocess_white_box{padding:40px 30px 0px; min-height:auto;}

.ourservices-contentimage{width:100%;}
.ourservices-contentimage img{max-width:100%; max-height:200px;}
.ourservices-content{width:100%; padding:30px 30px 0 30px; font-size:1.1em;}

}

@media (max-width: 480px) {
/*---- Inner Page  ----*/
.hero_sec h2{font-size:1.3em !important;}
.in_head{ margin-top:80px;}
.in_head h2{padding-top:00px; font-size: 1.3em;}
.hero_sec .owl-carousel .cap_inn h2{font-size:1.3em !important;}

/*---- Our Services  ----*/
.ourservices-headerimage{width:25%; max-width:25%; text-align:center;}
.ourservices-headerimage img{width:auto; max-width:90%; max-height:auto;}
.ourservices-header{width:75%; font-size:1.2em; margin-left:0px; padding-left:10px; white-space:normal;}
.ourservices-header table,.ourservices-header table tr td{ height:58px;}

.mobile-offcanvas{width:100%;}
}

@media (max-width: 360px) {

.offcanvas-header a img{max-width:55%;}
/*---- Inner Page  ----*/
.hero_sec h2{font-size:1.1em !important;}
.hero_sec .owl-carousel .cap_inn h2{font-size:1.1em !important;}

/*---- Our Services  ----*/
.ourservices-headerimage{width:30%; max-width:30%; text-align:center;}
.ourservices-header{width:70%; font-size:1.2em;}
.ourservices-header table,.ourservices-header table tr td{ height:58px;}

}