/************** Header *************************/
#Header .btn {font-weight:600; font-size:20px; padding:10px 20px;letter-spacing:0;}
/********** Main Banner **************************************************************************************************/
.MainBanner .ban-txt {width:565px;}
.MainBanner h1 { font-size:36px; line-height:46px; letter-spacing:-0.72px;}
.MainBanner p { font-size:21px; line-height:30px; font-weight:600;}
.ban-bg {background:url(../images/bg.jpg) no-repeat; background-size:cover; padding:70px 0 50px 100px;}
.bnr-img {background:url(../images/banner.jpg) no-repeat; background-size:cover; width:100%; height:100%; background-position:center center;}
/********** Page CSS **************************************************************************************************/
ul.list {margin:0; padding:0;list-style:none;}
ul.list li {line-height:28px; margin-bottom:25px;}
ul.list li {background:url(../images/list.png) no-repeat; background-position:0 5px; padding-left:30px; }
.reviews .carousel-indicators [data-bs-target] {background:transparent; width:15px; height:15px; border-radius:50%; opacity:1; border:2px solid #000;;}
.reviews .carousel-indicators .active { background:#87CEFA; border-radius:50%; opacity:1; border-color:#87CEFA;}
.reviews .carousel-inner:before {content:url(../images/q1.png); position:absolute; left:0;}
.reviews .carousel-inner:after {content:url(../images/q2.png);  position:absolute; right:0;}
.reviews p { width:80%; margin:auto; line-height:30px; font-size:16px; font-weight:400; color:#595959;}
.reviews .name { font-size:18px;color:#595959;}
.contact-form .form-control {}
.contact-form {background:url(../images/bg2.jpg) no-repeat; background-size:cover;}
.f-24 {font-size:24px!important;}
.border-line hr {border-color:#7dbbe2 !important;}
.border-info {border-color:#7dbbe2 !important;}
.Brands {border-top:1px solid #E9F7FF;}
/********** Footer ***************************************************************************************************/
#Footer h3 { letter-spacing:1.6px;}
#Footer a {color:#fff;}
#Footer a:hover {color:#87CEFA!important;}
#Footer .fs { font-size:20px;color:#87CEFA!important;}
#Footer .fs:hover { color:#fff!important;}
#Footer p { line-height:30px;}
.copyright p { font-size:13px; letter-spacing:1.3px;}
.copyright { border-top:1px solid rgba(255,255,255,0.2); margin-top:80px;}
#Footer .list-inline-item:not(:last-child) { margin-right: 0.9rem;}
/***************************/
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; z-index: 10;}
header  {position:relative !important; background:#fff;}
.shrink {background: #fff !important; position:fixed !important;box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {
.container { max-width:1350px!important;}
}
@media (min-width: 1600px) {.container {max-width:1540px;} }
@media (max-width: 1600px){
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.navbar-brand img {}
.shrink .navbar-brand img {}
.MainBanner .ban-txt {width:100%;}
.ban-bg {padding:50px 50px;}
}
@media (min-width: 1199.98px) and (max-width: 1366px){
.navbar .navbar-nav .nav-link {font-size:13px;}
.navbar-brand img {max-height:60px;}
#Header .btn {font-size:14px; }
.cus-wdth { width:100% !important;}
.MainBanner .ban-txt {width:100%;}
.ban-bg {padding:50px 50px;}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header .btn {font-size:14px; }
.MainBanner .ban-txt {width:100%;}
.ban-bg {padding:50px 50px;}
.navbar-brand img {max-height:60px;}
.cus-wdth { width:100% !important;}
.navbar .navbar-nav .nav-link {font-size:13px;}
.navbar-nav>li+li {margin-left:20px;}
.cus-wdth { width:100% !important;}	
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header { position:relative !important; background-color:#fff !important;}
#Header .container { max-width:100%;}
.navbar-brand img {max-height:80px;}
.navbar-nav>li+li {margin-left:18px;}
 .navbar .navbar-nav .nav-link {font-size: 17px;}
.cus-wdth { width:100% !important;}
.MainBanner .ban-txt {width:100%;}
#Footer .nav>li+li {margin-left:50px;}
.ban-bg {padding:50px 50px;}
.phone-top {margin-left:auto;}

}
@media (min-width: 991.98px) {}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header { position:relative !important; background-color:#fff !important;}
.MainBanner h1 { font-size:70px; line-height:70px;}
.navbar-brand img {max-height:100px;}
.cus-wdth { width:100% !important;}
.MainBanner .ban-txt {width:100%;}
.ban-bg {padding:50px 50px;}
.reviews .carousel-inner:before {content:none!important;}
.reviews .carousel-inner:after {content:none!important;}
.MainBanner .carousel-item  img {
    height:450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	.copyright {margin-top: 30px;}
}
@media (max-width:768px) {
#Header { position:relative !important; background-color:#fff !important;}
.MainBanner { font-size:40px; line-height:40px;}
#Header .container { max-width:100%;}
.MainBanner .ban-txt {width:100%;}
.ban-bg {padding:50px 50px;}
.reviews .carousel-inner:before {content:none!important;}
.reviews .carousel-inner:after {content:none!important;}
.copyright {margin-top: 30px;}
}
@media (max-width:575.98px) {
.phone-top {margin-left:auto;}
.ban-bg {padding:30px;}
.MainBanner .ban-txt {width:100%;}
.MainBanner h1 { font-size:30px; line-height:40px;}
.navbar-brand img {max-height:70px;}
.reviews .carousel-inner:before {content:none!important;}
.reviews .carousel-inner:after {content:none!important;}
#Footer .nav-item { display:block;}
#Footer .nav { display:block;}
#Footer .nav>li+li {margin-left:0;}
.reviews p {width: 100%;}
.copyright {margin-top: 30px;}
}
/* X-Small devices (portrait phones, less than 576px) */


.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}