/*************************8      header css           ****************************************************/
#search{z-index:999;bottom:-10px;}


.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;background-color:#fff;}

.logo {max-height:187px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

.main-nav .input-group{width:230px;}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .menu-item{margin:0px 3px;font-size:15px;font-weight:700;}
.navbar .menu-item .nav-link{color:#fff;}
.navbar .menu-item.active .nav-link,.navbar .menu-item .nav-link:hover{color:#22aeeb;}

/**********                Home page css       *******************************/

.banner .text-block{clip-path: polygon(0 0, 100% 0, 52% 100%, 0% 100%);}
.banner .bnr-image {height:700px;}
.banner h1{font-size:100px;margin-top:10%;}

.services img{border-top-left-radius:30px;border-top-right-radius:30px;}

.contact{position:relative; background:#000; display:block; min-height:740px; z-index:1;display:flex; align-items:center;}
.contact:after {content:''; background:url(../images/contact.jpg) no-repeat top center;background-size:cover;opacity:0.80; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;} 
.contact .form-control::placeholder{color:#fff;}

/**************              Footer                 ******************************/

.footer .links li{margin-right:10px;}

.footer .nav-link{padding: 0px !important; color:#000; }

.footer .menu-item{display: inline-block !important;}

.footer .menu-item.active .nav-link, .nav-link:hover{color:#0366C4;}

#Home-form textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control{height:170px !important;}

.breadcrumb {
background-color: transparent !important;
padding: 0px !important;
margin-top: 15px;
font-size: 15px;
padding-bottom: 15px !important;
border-bottom: dashed 1px #0366C4;
}
.breadcrumb a{ 
color:#0366C4 !important;
}
.breadcrumb li.active:before{
content: "\00BB";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
margin-left: 5px;
font-weight: 900;
}

img.img-fluid.w-100.img-crop {object-fit: cover;  height: 467px;}
img.img-fluid.w-100.h-100.img-crop {object-fit: cover !important;  height: 467px !important;}

img.img-fluid.w-100.servi-img.wp-post-image { object-fit: cover;  height: 247px;}

.wpcf7-spinner {display: block !important;}

img.img-fluid.about-img {
    object-fit: cover;
    width: 350px;

}

img.img-fluid.dog-img {
    object-fit: contain;
    width: 450px;

}

img.img-fluid.pckg-img.wp-post-image {
    object-fit: contain;
    height: 350px;
}
img.img-fluid.pckg-img {
	object-fit: cover;
    width: 200px !important;

}

img.img-fluid.bnr-img {
    object-fit: cover;
    height: 450px;
}
body {font-size:15px;line-height:1.4;}
/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.container {max-width: 1680px!important;}
	.inner-bnr img.img-fluid{object-fit: cover !important; height: 500px !important;}
}


@media (min-width: 1600px){
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-17px!important;margin-right:-17px!important;}
	.gutter-lg div[class^="col"]{padding-left:17px!important;padding-right:17px!important;}
	
	body {font-size:15px;line-height:1.4;}
	.hhd{font-size:54px;}
	.hd{font-size:46px; }
	h1,h2.h1{font-size:40px;}
		
	.btn {font-size:18px;}
	.navbar .menu-item{margin:0px 8px;font-size:20px;}
		
	.rounded-30{border-radius:60px;}
	.services img{border-top-left-radius:70px;border-top-right-radius:70px;}
	
	.footer .links li{margin-right:30px;}
	.inner-bnr img.img-fluid{object-fit: cover !important; height: 500px !important;}
	img.img-fluid.bnr-img {
    object-fit: cover;
    height: 350px !important;
}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	.inner-bnr img.img-fluid{object-fit: cover !important; height: 350px !important;}
	
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .menu-item{font-size:12px;margin:0px 1px;}
	
	.footer .links li{margin-right:8px;}
	.inner-bnr img.img-fluid{object-fit: cover !important; height: 350px !important;}
		img.img-fluid.bnr-img {
    object-fit: cover;
    height: 300px !important;
}
}

@media (min-width: 992px){
img.img-fluid.bnr-img {
    object-fit: cover;
    height: 450px !important;
}
}


@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.hhd{font-size:40px;}
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px;}
	
	.man{height:150px;}
	
	/**********    Navbar Css   *********************/
	
	.logo{height:60px;}
	.navbar {justify-content:start;}
	
	.mobile-nav-toggle {background: none;border: 0;cursor: pointer;outline: none !important;padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;z-index:9999;box-shadow: none !important;}

    .mobile-nav-active .mobile-nav-toggle.active {position: absolute;left:5px;top:30px;}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #fff;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -280px;width: 280px !important;
        padding: 20px;background:#0366C4;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}
	
    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

	.mobile-nav ul{border:none!important;}
	.mobile-nav ul > .menu-item:not(.list-inline-item) {padding: 5px;width: 100%;}
	.mobile-nav ul > .menu-item > .nav-link {display: block;position: relative;color: #fff !important;
		padding: 0px !important;font-weight: 500;font-size: 20px;text-transform: uppercase;text-align: left !important;
		text-decoration: none !important;background: none;border: none;}
    .mobile-nav ul > .menu-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .menu-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .menu-item > .nav-link > img {width: 20px;margin-right: 10px;}
	
    .mobile-nav-active {overflow: hidden;}
	.mobile-nav-active #Header {background-color: transparent !important;z-index: 1040;}
	.mobile-nav-active #Header a {visibility: hidden;}
	.mobile-nav-active .mobile-nav-toggle.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -15px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

    .mobile-nav ul.navbar-nav > li.menu-item > .megamenu,
    .mobile-nav ul.navbar-nav > li.menu-item > .sub-menu {
        font-size: 15px;font-weight: 400;position: static;background: none;color: #fff;padding: 0px;border: none;display: none;}

	.mobile-nav ul.navbar-nav > li.menu-item > .megamenu a,
	.mobile-nav ul.navbar-nav > li.menu-item > .sub-menu > li > a {
		display: block;padding: 10px 20px;color: #fff;}

	.mobile-nav ul.navbar-nav > li.menu-item > .megamenu a:before,
	.mobile-nav ul.navbar-nav > li.menu-item > .sub-menu > li > a:before {
		display: inline;content: "\00bb";margin-right: 5px;}

    .mobile-nav-active .mob-menu-btn {display: block;}
    .inner-bnr img.img-fluid{object-fit: cover !important; height: 200px !important;}
	img.img-fluid.bnr-img {
    object-fit: cover;
    height: 250px;
}
	img.img-fluid.w-100.img-crop {object-fit: cover;  height: 100%;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
}


@media (max-width: 575.98px){
	.banner .bnr-image {height:200px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	
	.hhd{font-size:35px; }
	
	.banner .text-block{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
	.banner .position-absolute{position:static!important;}
	.banner h1{margin-top:0%;}
	
	.footer .links li{margin-right:0px;display:block;}
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}