/************************************************* Header ********************************************************************/
.MainOuter{background:url(../images/bg1.png) no-repeat top center; min-height:1524px;}
.InnerOuter{background:url(../images/bg3.png) no-repeat top center;}
#Header {border-bottom:solid 1px #f0f0f0;} #Header + main {padding-top:88px;} 
.MainBanner.bg-danger{margin-top:-20px;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption {z-index:9;display:flex;justify-content:center;align-items:center;margin:auto;top:0;left:0;bottom:0;right:0; font-size:55px; line-height:60px;} 
.carousel-control-next, .carousel-control-prev {width:10%; z-index:99;} 

.Inneroffset .bg-dark a{text-decoration:none !important;} .Inneroffset .bg-dark {border-bottom-left-radius:30px; border-bottom-right-radius:30px; padding: 40px 30px; } .Inneroffset img{border-top-left-radius:30px; border-top-right-radius:30px;}

.Innersection .bg-danger a , .bg-dark a, .bg-warning a{color:#fff !important; text-decoration:underline !important;}  .Innersection a:hover{color:#1c1c1c !important;} 
.InnerPage .Box-shadow {box-shadow: 10px 10px 10px rgba(0,0,0,0.1); border-radius:20px;} .InnerPage .border-left{border-left: 5px solid #e91313;} .InnerPage .bg-white {height: 250px;} .InnerPage .card-title{font-size:25px; color:#e91313;} .InnerPage .card {box-shadow: 0px 0px 15px rgba(0,0,0,.2) !important;}  .fa-lg{font-size:20px !important; margin-right:15px; colo:#fff;} .fa-sm{font-size:20px !important; margin-right:19px; color:#fff !important;} .contact-form .contact a{color:#fff !important; text-decoration:none !important;} .contact-form a:hover{color:#e91313 !important;}

.contact-form .map-width iframe {
    width: 546px;
    height: 318px;
}

.text-primary{color:#fff !important;} .text-primary:hover{color:#1c1c1c !important;}


.contactform .form-group {margin-bottom:20px;}
.contactform .form-control{font-size:15px !important; border-color:#fff; border-radius:0; height:50px !important; color:#6d6d6d; font-weight:400; font-family: 'Mulish', sans-serif !important; background:#fff; }
.contactform .form-control::placeholder{color:#6d6d6d;}
.contactform textarea.form-control{height:190px; padding:13px;}
textarea:focus ,textarea.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#Services .SerBox{border:solid 3px #8a60cc; padding:20px 20px 25px 20px; border-radius:30px;}
.TextBox{min-height:190px;}
#Reports{background:url(../images/bg2.png) no-repeat top center; min-height:351px;}

/********** Testimonials **************************************************************************************************/
#Testimonials .w-75{width:65% !important; font-size:43px; line-height:54px;} 
.Star{color:#ffd203; font-size:36px;}

/*#Testimonials .carousel-control-next, #Testimonials .carousel-control-prev {width:2%; z-index:999; opacity:1; margin-top:-2%;}
#Testimonials .carousel-indicators {z-index:999; bottom:-40px;}
#Testimonials .carousel-indicators li {background-color:#9f9f9f; opacity:1; width:10px; height:10px; margin:0 2px; border-radius:50%;} 
#Testimonials .carousel-indicators .active {background-color:#7840a6 !important;}
*/
  
/********** Footer **************************************************************************************************/
#Footer{color:#fff; font-size:16px; line-height:30px; background:#00a090 url(../images/ftbg.jpg) no-repeat top center; padding-top:120px;} #Footer h3{font-size:36px;}
#Footer a,#Footer .list-inline a:hover{color:#fff;} #Footer a:hover,#Footer .list-inline a{color:#000;}
#Footer .list-inline-item:not(:last-child) {margin-right:10px;}
#Footer hr{background-color:#818181 !important; margin:30px 0px;}
.CopyText{font-size:11px;}

.Listing {padding:0px; margin:0px; list-style-type:none;}
.Listing li{background:url(../images/icon.png) no-repeat 1.1em .45em; padding:0px 0 4px 45px;}

.List {padding:0px; margin:0px; list-style-type:none;}
.List li{background:url(../images/icon1.png) no-repeat 1.1em .45em; padding:0px 0 4px 45px;}

#Innerpages{min-height:500px;} .imgop{opacity:.3;}

/*************************************************************************************************************/
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}
.container-fluid{max-width:1920px !important;}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */

/* 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;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
/*.Logo img {max-height:128px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .Logo img {max-height:100px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.Logo{padding:10px 0px;}
.shrink .Logo {padding:5px 0px;}


#BgImgArea .imgheight img {
    height:657px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}*/
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.container{max-width:1250px;}
}

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

@media (min-width: 1199.98px) and (max-width: 1359.98px) {h1, .h1 {font-size:53px;}
}



/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
.MainBanner h1 {font-size:33px;} #Testimonials .w-75{width:85% !important; font-size:33px; line-height:44px;}  
.container{max-width:100%;} h1, .h1 {font-size: 35px;} .fs-18 {
    font-size: 16px !important;} h2, .h2 {
    font-size: 25px;
}
.card-columns {
    column-count: 3;
}
}
 

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header {position:static;} #Header + main {padding-top:30px;} 
.MainOuter{background:none; min-height:unset;} .mblmrg{background:#8a60cc; padding-bottom:40px !important;}
#Testimonials .w-75{width:100% !important; font-size:30px; line-height:40px;} 
.card-columns {
    column-count: 2;
}  
.Service-inner .fs-22 {
    font-size: 17px;
}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {.card-columns {
    column-count: 3;
}}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header {position:static;  min-height:55px;} #Header + main {padding-top:20px; } .MainBanner h1 {font-size:43px;}
.MainOuter{background:none; min-height:unset;} .mblmrg{background:#8a60cc; padding-bottom:40px !important;}
#Testimonials .w-75{width:100% !important; font-size:30px; line-height:40px;}  .container{max-width:100%;} .TextBox{min-height:unset; padding-bottom:20px;} h1, .h1 {font-size: 35px !important;} .contact-form .map-width iframe {
    width: 100%;
    height: 318px;
}  h2, .h2 {
    font-size: 25px;
} .card-columns {
    column-count: 2;
}
.Service-inner .fs-22 {
    font-size: 17px;
}
}

@media (max-width:575.98px) {
.fs-36{font-size:32px;}.MainBanner h1 {font-size:34px;}
.card-columns {
    column-count: 1 !important;
}
}
/* X-Small devices (portrait phones, less than 576px) */