/************************************************* Header ********************************************************************/
#Header .btn { font-size:14px; font-weight:700;}  
#Header + main {margin-top:0;}  
.top-ph { font-size:12px;}
/********* Main Banner **************************************************************************************************/
.MainBanner .carousel-caption h1 {font-size:40px; line-height:50px; letter-spacing:1.5px;}
.MainBanner .carousel-caption h1 small {font-size:18px; letter-spacing:0; line-height:20px;}
.MainBanner .carousel-caption {left:0; right:0; z-index:2; bottom:50%; transform:translateY(50%);}
.MainBanner .carousel-caption p { font-size:18px; font-weight:600;}
.MainBanner .carousel-caption .cus-wdth { width:80%; position:relative; z-index:2; top:50%; transform:translateY(-50%);}
.ban-form { width:457px;}
.bg-main { background:url(../images/main-bnr.jpg) no-repeat top right; background-size:cover; width:100%; height:1064px;opacity: 0.3; filter: alpha(opacity=30);}
/***************************** Safty *****************************/
.safty .col:nth-child(even) .bor-bottom { border-bottom:5px solid #000;}
.safty .col:nth-child(odd) .bor-bottom { border-bottom:5px solid #cb1a15;}
.safty-block { box-shadow:20px 20px 20px rgba(0,0,0,0.10);;}
.safty p { font-size:14px; line-height:30px;}
.bor-bottom { padding:100px 40px 100px 40px; display:block;}
.safty { position:relative; margin-top:-120px;}
/***************************** About *****************************/
.about h2 { font-size:40px;}
.shadow1 { box-shadow:-50px 50px 0 #000; margin-left: 40px;}
.sub-title { font-size:25px;}
.about { padding:150px 0;}
/***************************** How we Works *****************************/
.how-we-work { background:#f5f5f5; padding:150px 0;}
.shadow2 { box-shadow:50px -50px 0 #cb1a15;margin-right: 40px;}
.how-we-work h2 { font-size:40px;}
/***************************** Services *****************************/
.services p { font-size:25px;}
.img-hover { background-color:#000;}
.img-hover img {-webkit-filter: grayscale(1); filter: grayscale(1);opacity: 0.5; filter: alpha(opacity=50);}
.img-hover:hover img {opacity: 0.9; filter: alpha(opacity=90);}
.services h3 { position:absolute; top:50%; transform:translateY(-50%); width:100%; font-size:30px; line-height:40px;}
/***************************** Team *****************************/
.red-bg { background-color:#cb1a15;}
.dark-bg { background-color:#000;}
.team p { font-size:25px;}
.team h4 small { font-size:13px;}
.backward { z-index:-1;}
.cus-mar {position: relative; left: -23px;}
.team-pic { width:300px; height:300px; display:block; line-height:300px;}
.owl-item { width:320px;}
.owl-pagination { display:none;}
.team .cus-wdth { width:90%;}
.owl-prev {left: -60px !important;}
.owl-next {right: -60px !important;}
.owl-buttons {top: 50% !important; width: 100%;}
.circled {}
.owl-carousel {}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { margin-left: -100px;}
/***************************** Testimonials *****************************/
.testimonials { z-index:1;}
.testimonials h3 { font-size:25px;}
.testimonials .quote { position:absolute; left:0; right:0; margin:auto; top:-40px;}
.testimonials:before { background-image:url(../images/testimony-bg.jpg); background-position:center center; background-size:cover; background-blend-mode: normal; background-color:#000;  width:100%; position:absolute; left:0; top:0; z-index:-1; height:100%; display:block; content:""; opacity: 0.2; filter: alpha(opacity=20);}
.testimony-outer { border:1px solid #fff; padding:80px 40px 30px; width:60%; margin:100px auto 0;}
.testimonials .name { font-size:19px;}
.testimonials .des { font-size:16px;}
/********** Footer ***************************************************************************************************/
#Footer h3{ font-size:16px;}
#Footer a{}
#Footer li { list-style:none; font-size:14px; line-height:30px;}
.foor-map { z-index:1;}
#Footer p {font-size:14px; line-height:30px; margin-bottom:15px;}
#Footer .txt p { font-size:13px; line-height:20px;}
.copyright p { font-size:12px !important; letter-spacing:0.5px;}
.foor-map:before {background-position:center center; background-color:#f00;  width:100%; position:absolute; left:0; top:60px; z-index:-1; height:80%; display:block; content:""; bottom:60px; }
.dropdown:hover .dropdown-menu {display: block;}
/*************************************************************************************************************/
.container{max-width:1600px !important;} 
.subheading {font-size:20px;}
.accordion-button::after{
	display: none !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; padding:20px 0;background:rgba(255,255,255,.9);}
	.shrink {background:rgba(255,255,255,.9); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999; position:fixed; top:0; width:100%; padding:10px 0 !important;}
	.navbar-brand img {max-height:134px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
	.shrink .navbar-brand img {max-height:120px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
	.navbar-brand{padding:12px 0px 8px 0px !important;}
	.shrink .navbar-brand{padding:10px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	.gutter-lg {margin-left:-10px!important;margin-right:-10px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}
@media (min-width: 1920px) {
	.shadow1 { margin-left: 50px;}
	.shadow2 { margin-right: 50px;}
	.navbar .navbar-nav .nav-link {padding:9px 40px; font-size:14px;}
	.navbar .navbar-nav .nav-item:not(:last-child) .nav-link:after {left:40px; font-size:11px;}
}
@media (min-width: 1600px){}
@media (max-width: 1359.98px) {
	.safty { position:relative; margin-top:-50px;}
	.navbar .navbar-nav .nav-link {padding:9px 25px; font-size:13px;}
	.navbar .navbar-nav .nav-item:not(:last-child) .nav-link:after {left:25px; font-size:10px;}
	.padd { padding-left:50px;}
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
	.MainBanner .carousel-caption h1 {font-size:30px; line-height:30px;}
	.MainBanner .carousel-caption .cus-wdth { width: 100% !important;}
	.safty { margin-top: 10px;}
	#Header .btn {font-size: 12px !important; padding: 15px 20px;}
	.navbar .navbar-nav .nav-link {padding:9px 15px; font-size:13px;}
	.navbar .navbar-nav .nav-item:not(:last-child) .nav-link:after {left:15px; font-size:10px;}
	.bor-bottom { padding: 30px 20px 30px 20px;}
	h3, .h3 {font-size: 16px;}
	.about { padding: 55px 0 100px;}
	.how-we-work {padding:100px 0 50px 0;}
	.services h3 {font-size: 25px; line-height: 30px;}
	.shadow1 { margin-left: 0;}
	.shadow2 { margin-right: 0;}
	.ban-form { width:auto;}
	.bg-main { height: 700px;}
	.cus-mar {left: 0;}
	.owl-buttons { width: 90%;}
	.owl-carousel .owl-wrapper, .owl-carousel .owl-item { margin-left: 0;}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
	#Header{position:static; padding:10px 0px;}
	.MainBanner .carousel-caption h1 {font-size:30px; line-height:1;}
	.carousel-caption { position:static; bottom: 0!important ; transform: translateY(0)!important;}
	.carousel-caption h1 { color:#000;}
	.carousel-caption p  { color:#000;}
	.safty .col { min-width:33%;}
	.shadow1 {width: 100%;}
	.shadow2 {width: 100%;}
	.testimony-outer { width: 90%;}
	.owl-carousel .owl-wrapper, .owl-carousel .owl-item { margin-left: 0;}
	.how-we-work img, .about img { width:100%;}
}
/* X-Large devices (large desktops, 1200px and up) */

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.carousel-caption { position:static; bottom: 0!important ; transform: translateY(0)!important; margin-top:-390px;}
	.carousel-caption h1 { color:#fff;}
	.carousel-caption p  { color:#fff;}
	.safty .col { min-width:33%;}
	.shadow1 {width: 100%; box-shadow:none;}
	.shadow2 {width: 100%; box-shadow:none;}
	.testimony-outer { width: 90%;}
	.cus-wdth { width:100% !important;}
	.MainBanner .carousel-caption h1 small {font-size: 15px; padding: 10px;}
	.ban-form {width: 100%;}
	.owl-carousel .owl-wrapper, .owl-carousel .owl-item { margin-left: 0;}
	.owl-prev {left: 0 !important;}
	.owl-next {right: 0 !important;}
	.padd { padding-left: 0;}
	.team-pic {margin: auto;}
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
	.container{max-width:100% !important;}
	#Header{position:static; padding:5px 0px;}
	#Header + main {margin-top:0px;}
	.MainBanner .carousel-caption h1 {font-size:26px; line-height:1;}
	.carousel-caption {margin-top:0;}
	.carousel-caption h1 { color:#000;}
	.carousel-caption p  { color:#000;}
	.cus-mar {left: 0;}
	.safty { margin-top: 0;}
	.cus-mar { left: -23px;}
	.bor-bottom {padding: 20px;}
}
@media (max-width:575.98px) {
	.MainBanner .carousel-caption h1{font-size:25px; line-height:1;}
	h1, .h1 {font-size:25px;}
	h2, .h2 {font-size:25px;}
	.safty { margin-top: 0;}
	.safty .col { min-width:50%;}
	.bor-bottom { padding: 10px;}
	.safty p {font-size: 12px; line-height: 20px;}
	.about {padding: 30px 0;}
	.how-we-work {padding: 30px 0;}
	.how-we-work h2 {font-size: 25px;}
	.about h2 {font-size: 25px;}
	.sub-title {font-size: 18px;}
	.team img.img-fluid { max-width:75%;}
	.team-pic {width: 190px; height: 190px; line-height: 190px;}
	.testimony-outer { padding: 70px 20px 20px;}
	.shadow1 { margin-left: 0;}
	.shadow2 { margin-right: 0;}
	.line:after { width: 80px; right: -100px; bottom: 8px;} 
}
/* X-Small devices (portrait phones, less than 576px) */