

/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#f69322;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */

.container {max-width:1170px;}


@media (min-width:992px) {
#Header .TopLink a{font-size:12px;}
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; padding-bottom:16px;}
.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:1030; padding-bottom:10px !important;}

.Logo{padding-top:20px; padding-bottom:5px;}
.shrink .Logo{padding-top:10px; padding-bottom:0px;}

.Logo img {max-height:250px;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.5s;transition: 0.8s;}
.shrink .Logo img {max-height:150px;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8;}

.MainBanner .homeimg img {
    height:671px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.gutter-lg {margin-left:-22px!important;margin-right:-22px!important;}
.gutter-lg div[class^="col"]{padding-left:22px!important;padding-right:22px!important;}
}

/************************************************************************/
.container-new{max-width:1920px;padding-right:15px; padding-left:15px; margin:auto;}
.container-fluid {max-width:1920px;}

@media (min-width: 1920px) {
#Services .mrgnbox{margin:0 349px 0 50px !important;}
}

@media (min-width: 1600px) {	
.container-fluid {max-width:1920px;}
#Services .mrgnbox{margin:0 185px 0 50px !important;}
}

@media (min-width: 1259.98px) and (max-width: 1459.98px) { }
@media (min-width: 1359.98px) and (max-width: 1459.98px) {	}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {.fs-40 {font-size:36px !important;}}
@media (min-width:992px) and (max-width:1199.98px) {.fs-40 {font-size:30px !important;}#Services .SerText{bottom:25px;}
}

@media (min-width:768px) and (max-width:991.98px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; padding-bottom:16px !important;}
.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;padding-bottom:10px !important;}

.Logo{padding-top:20px; padding-bottom:5px;}
.shrink .Logo{padding-top:10px; padding-bottom:0px;}
	
.Logo img {max-height:180px;-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;}
#Header + main {margin-top:262px;} 

.MainBanner .carousel-caption .BnrText{padding:20px; font-size:30px; line-height:1.2; width:570px;}
.fs-18 {font-size: 16px !important;}
}
	
@media (min-width:576px) {}
@media (min-width:480px) and (max-width:575.98px) {}
@media (min-width:360px) and (max-width:479.98px) {}

/*********************************************************************/

@media (min-width:768px) {
	.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#dedede; bottom:0; content:""; left:0; position:absolute; width:1px; top:0;}
	.row.divider > [class*='col-']:before {left:0;}
	.row.divider > [class*='col-']:after {right:-1px; left:auto;}
	.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display:none;}
}

/*********************************************************************/

@media (max-width:767.98px) {
#Header {min-height:90px;}
#Header + main {margin-top:90px;} 
.Logo img {max-height:90px;} .Logo{padding:5px 0px;}
.border-dark a:hover{color:#fff;}

.MainBanner .carousel-caption .BnrText{padding:20px; font-size:26px; line-height:1.1; width:85%;}
.TestiBox{background:#FFF; min-height:unset; color:#150f1a;}
.bgtsti{background:#4bfa88;}
}

@media (max-width: 575.98px) {
.MainBanner .carousel-caption {position:static;} 
.MainBanner .carousel-caption .BnrText{padding:20px; font-size:26px; line-height:1.1; width:100%; text-align:center;}

}
@media (max-width: 479.98px) {}
@media (max-width: 399.98px) {}
@media (max-width: 359.98px) {}