/* Common css */
body{font-family: 'Poppins', sans-serif; font-weight:normal; font-size:18px; line-height:1.7; color:#777; overflow-x: hidden;}
a{ color:#d8261a; text-decoration:none}
a:hover{ color:#000;}
a:focus{ outline:none;}

ul.style{margin:0 0 10px 0; padding-left:15px}
.style .style{margin-top: 10px;}
ul.style li{list-style:disc; margin:0 0 15px 0px; font-size:16px; line-height:18px; text-align:left;}
ol.style li{list-style:decimal; margin:0 0 10px 30px; font-size:16px; line-height:18px; text-align:left;}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}

.heading, .sub-heading{ font-size:36px; line-height:40px; color:#2e2d2d; font-weight:bold; margin-bottom:20px; text-align:center}
.sub-heading{ font-size:28px; line-height:32px; color:#777}

.heading .heading{ margin-bottom:5px;}
.heading .sub-heading{ margin-bottom:0}

.left{float:left;} .right{float:right;}

img.right {margin: 5px 0 20px 20px; max-width:40%;}
img.left {margin: 5px 20px 5px 0; max-width:40%;}

img{ max-width:100%}
.container{ max-width:1170px;}

.btn:focus, .form-control:focus{ box-shadow:none!important}
/* End Common css */
/* Start Header */
header{ padding:5px 0;}
.logo a{ display:table; margin:0px auto}
.header-contact{ text-align:center}
.header-contact a{ display: inline-block; font-size:32px; line-height:1.1; font-weight:bold; color:#023d6f;}
.header-contact a:hover{ text-decoration:none; color:#000}
.header-contact .sub-heading{ font-size:20px; line-height:1.2; margin-bottom:0px;}
.header-contact strong{ display:block; margin-top:5px}
/* Start Header */

/* Start Menu css */
.navbar-dark{ padding:0; background: #023d6f!important}
.navbar-toggler{ display:none; border:none; color:#fff;}
.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-dark .navbar-toggler:focus{outline:0; box-shadow: none}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{font-size:15px; display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#d5d2d2; line-height:20px; padding:18px 25px; text-transform:uppercase}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.active-parent .nav-link, .navbar-dark .navbar-nav .nav-item.active-parent .nav-link.current{ color:#fff; background:#0581ea}
.dropdown-item{ font-size:14px; line-height:20px; padding-left:10px; padding-right:10px}
.dropdown-item br{ display: none}
.dropdown-item:current, .dropdown-item:hover{ color:#000; background:none!important}
.dropdown-item.current{ background:#e31e27!important; color:#fff!important;}
/* End Menu css */

/* banner */
.banner{ background:#eceef0 url(../img/packers-movers-gurgaon.jpg) center no-repeat; background-size:covers; padding:50px 0; min-height:450px}

.inner{ background: url(../img/residencial-commercial-movers.jpg) center no-repeat; background-size:covers; padding:20px 0;}
.packers-movers{ background: url(../img/residencial-commercial-movers.jpg) center no-repeat;}
.house-shifting{ background: url(../img/house-shifting-and-relocation.jpg) center no-repeat}
.car-bike-shifting{ background: url(../img/car-bike-transportation.jpg) center no-repeat}
.warehouse-service{ background: url(../img/warehouse-service.jpg) center no-repeat}
/* banner */

.contact-form{ background:rgba(255, 255, 255, .9); box-shadow:0 0 5px #333; padding:30px;}
.contact-form .form-group{ margin-bottom:10px;}
.contact-form .heading{ color:#023d6f; font-size:18px; margin-bottom:0px}

.lhs .contact-form, .rhs .contact-form{ background:#333}

/* Start mian service */
.main-service{ margin:60px 0 30px}
.main-service a{ text-decoration:none; text-align:center; display:block;}
.main-service a img{display:table; margin:0px auto 10px}
.main-service a .sub-heading{color:#0581ea; font-size:16px; line-height:18px;}
.main-service a:hover .sub-heading{ color:#f30909}
/* End mian service */

/* Start Main Container */
.main-container{ padding:60px 0 40px; background: url(../img/shadow-top.png) top center no-repeat}
.main-container p{ margin-bottom:50px;}

.img-two{ text-align:center; margin-top:20px; margin-bottom:20px}
.img-two img{ display:table; margin:0px auto}
/* End Main Container */

/* Start Our Process */
.whatweare{ padding:60px 0px; background:#f2f1f1; margin-bottom:60px}
.process{ position:relative; text-align:center}
.process:after{content: ""; position: absolute; width: 100%; height: 50%; top: 35px; right: -75px; background-image: url(../img/step-01.png); background-position: right 0;background-repeat: no-repeat; z-index:1}
.process:last-child:after{ display:none}
.process span{ display:table; width:100px; height:100px; line-height:95px; background:#d71515; border-radius:50%; margin:0px auto 10px; transition:all .3s ease-in-out}
.process:hover span{ background:#1f1f1f}
.process:hover strong{position:relative; z-index:2;}
/* End Our Process */

.about-section{ margin-bottom:60px;}
.contact-page p{ margin-bottom:30px; font-size:20px; line-height:24px}

/* Start Services Area */
.services-area{color:#fff; background:#f30909}
.services-area hr{ background:#fff}
.map{ max-width:100%!important; width:100%; border:1px solid #ddd; height:100%}
.services-area .sub-heading{ color:#fff; padding:20px 0px 10px 0px; border-bottom:1px solid #ddd; display: inline-block}
ul.city{ list-style:none; margin:0; padding:0}
ul.city li{ margin-bottom:8px; line-height:18px}
ul.city li a,ul.city li span{ background:url(../img/arrow-right.png) left center no-repeat; padding-left:15px; font-size:14px; line-height:18px; color:#fff; text-decoration:none; transition:all .3s ease-out}
ul.city li a:hover,ul.city li span:hover{ color:#000}
.map-menu{ background:; padding-bottom:15px}
.maps img{ display:none}
/* Start Services Area */

.social{ text-align:center; margin:5px 0}
.social img{ max-height:32px}
.whatapp{ width:50px; position:fixed; z-index:1000; left:10px; bottom:30px}
.whatapp img{ max-width:100%}

.float-btn{ position:fixed; bottom:15%; right:0; z-index:1000}
/* footer css */
.footer{color:#333; padding:10px 0px 10px 0px; font-size:14px}
.footer p img{ vertical-align: inherit; max-width:100%}
.fmenu a{ display:inline-table; padding:3px 3px; font-size:14px; color:#444; text-decoration:none}
.coytight{ font-size:14px; text-align:right;}.coytight a{ color:#444}
/* footer css */

@media (max-width: 1199.98px) {
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:15px 20px;}
.header-contact .sub-heading{ font-size:16px; line-height:22px}
.header-contact a img{ max-height:18px}

/* banner */
.banner{ background:#eceef0 url(../img/local-packers-movers-gurgaon.jpg) left center no-repeat;}
/* banner */

.process:after{ background-size:42%; right:-40px}
}

@media (max-width: 991.98px) {
.heading, .sub-heading{ font-size:22px; line-height:26px;}
.sub-heading{ font-size:18px; line-height:22px;}
.heading br, .sub-heading br{ display:none}

/* Start Header */
.logo{ margin-top:10px; margin-bottom:10px;}
.header-contact .sub-heading{ font-size:18px; line-height:22px;}
/* Start Header */

/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:15px 20px;}
.dropdown-item{ padding-left:10px; padding-right:10px}
/* End Menu css */
.contact-form .sub-heading{font-size:18px; line-height:22px;}

}

@media (max-width: 767.98px) {
.left,.right{float: none;}
img.right, img.left {max-width:100%; margin:0 auto 20px; display:block}

/* Start Header */
.logo { margin-bottom:15px !important; border-bottom:1px solid #ccc; padding-bottom:15px}
.logo a img{ max-height:50px}
.header-contact{ min-height:50px}
.header-contact .sub-heading{ font-size:18px; line-height:22px;}
/* Start Header */

/* Start Menu css */
.navbar-toggler{ display:table; float:right;}
.navbar-dark{ margin:0px -15px 0px -15px; padding-top:5px; padding-bottom:5px}
.navbar-dark .navbar-brand{ display:block;}
.navbar-dark .navbar-nav .nav-link{padding:8px 15px; border-bottom:1px solid #0570a7;}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#fff; font-size:14px; line-height:1.2; padding:10px 20px; text-align:left}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#fff;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}

.dropdown-item{ font-size:15px; line-height:19px; padding:.25rem 1.5rem}
.dropdown-item br{ display: none}
/* End Menu css */

/* banner */
.banner, .inner{ background: #0581ea; padding:0}

/* banner */
.contact-form{ background:none; box-shadow:none}
.contact-form .heading{ color:#fff; margin-bottom:15px;}

.whatweare{ padding-bottom:20px}
.process{ margin-bottom:40px}
.process:after{ display:none}

.main-container{ padding:30px 0 0px}
.img-two{ margin-top:0; margin-bottom:0}

#HomeReviews{ padding:30px 0; margin-bottom:30px}
.about-section{ margin-bottom:30px}

/* Start footer css */
footer, .coytight{ text-align:center}
.coytight{ border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
/* End footer css */
}

@media (max-width: 575.98px) {
}