body{font-family: 'Raleway', sans-serif; font-size:16px; line-height:20px; color:#333}
a{ color:#222;}
a:hover{ color:#000;}

.style{margin:0 0 10px 0;}
ul.style li{list-style:disc; margin:0 0 15px 20px; line-height:16px}
ul.style ul{ margin-top:10px}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal; margin:0 0 5px 30px; font-size:12px;}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}
.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

input:focus, select:focus, btn:focus{ box-shadow:none!important;}

.heading,.sub-heading{ font-size:26px; line-height:30px; font-weight:bold; margin-bottom:10px; text-align:center}
.sub-heading{ font-size:20px; line-height:24px;}

.logo{ padding-top:20px; padding-bottom:10px}
.header-contact{ padding-top:10px; padding-bottom:0px}
.header-contact strong{ font-size:24px;}
.header-contact a{ display: inline-block; margin-bottom:5px}
.header-contact .sub-heading{ font-size:18px; font-weight:bold;}
.header-contact span{ display:block}

.bg-dark { background:#0561c8!important;}
.navbar-expand-lg .navbar-nav .nav-link{ font-size:17px; padding:10px 35px; color:#fff; text-transform:uppercase}

.carousel-caption{ background:rgba(0,0,0,.8)0}
.carousel-caption .heading,.carousel-caption .sub-heading{ color:#fff; margin-bottom:0}
#myCarousel .carousel-item img{ width:100%}

.contact-us{ background:url(../img/banner7.html) bottom center no-repeat; background-size:cover}
.contact-us img{ width:100% }

.inner-banner img{ width:100%; margin-bottom:20px}
.inner-banner > div.heading{ border-bottom:1px solid #ccc; margin-bottom:15px;}
.inner-banner > div.heading .heading{text-align:center; font-size:20px; margin-bottom:10px; line-height:24px; font-weight:bold}
.inner-banner > div.heading .sub-heading{ font-size:16px; line-height:20px; text-align:center}
.inner-banner .chk-list{margin:0 0 15px; padding:0;}
.inner-banner .chk-list li{list-style:none; background:url(../img/checks.gif) top left no-repeat; font-size:16px; line-height:20px; font-weight:600; color:#000; padding:2px 0 2px 20px; margin-bottom:10px}

/* mian service */
.main-service{ padding:20px 0px}
.main-service a{ text-decoration:none; text-align:center; display:block;}
.main-service a img{ width:180px; height:180px; border-radius:50%; border:8px solid #dddfe1; display:table; margin:0px auto 15px}
.main-service a .sub-heading{ font-size:16px; line-height:20px;}
.main-service a:hover .sub-heading{ color:red}

.main-container{ padding:30px 0 10px; background:url(../img/shadow-top.png) top center no-repeat}
.heading .heading{ color:#72be58; margin-bottom:10px; font-size:36px; line-height:40px}
.img-two img{ width:100%; margin-bottom:20px}

#HomeReviews{ background:#ddd url(../img/Hans-packers-reviews.jpg) center no-repeat; background-size:cover; padding:50px 0px 30px; margin-bottom:30px; color:#fff}
.reviews{ min-height:120px}
.reviews-social{ background:url(../img/5star.png) top center no-repeat; padding-top:25px;}

.testi{border: 1px solid #ccc; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid;border-bottom-width: 1px;box-shadow: 0 0 3px #ccc; padding: 15px;border-bottom: 3px solid #ccc; margin: 15px 0;}
.review-social{ background:url(../img/5star.png) top right no-repeat; font-size:14px; line-height:15px; font-weight: bold; text-align:right; padding-top:24px;}
.review-social span{line-height:20px; display:block;}
.review-social img{display:inline; }
.review-social span strong{ font-weight:normal; color:#444; border:none; font-size:14px; border-bottom:none; margin-bottom:5px;}

.services-area{color:#fff; background:#ddd}
.map{ max-width:100%!important; width:100%; border:1px solid #ddd; height:100%}
.services-area .row .col-md-7{ padding-left:0; padding-right:0px}
.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:4px; line-height:18px}
ul.city li a,ul.city li span{ background:url(../img/arrow-right.html) 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: #FF9900; background-size:cover; padding-bottom:15px}
.maps{ background:url(../img/hans-packers-movers-service-area.jpg) center no-repeat; background-size:cover}
.maps img{ display:none}

.img-left{ float:left; max-width:40%; margin-right:20px; margin-bottom:30px;}

/* footer css */
.footer{ background:#ecebeb; color:#333; padding:10px 0px 0px 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; margin-bottom:10px}.coytight a{ color:#444}

.our-process{ padding:50px 0 30px; background: url(../img/our-work-process.jpg) center no-repeat fixed; background-size:cover; margin-bottom:30px; text-align:center}
.our-process .heading{ margin-bottom:30px; color:#000}
.our-process i{ display:table; margin:0px auto 20px; border:1px solid #555ff7; background:#fff; width:120px; height:120px; line-height:120px; border-radius:50%;}
.our-process .heading span{ width:120px; height:1px; background: #000099; margin:0px auto 30px; display:block;}
.our-process img{}
.our-process strong{ display:block; margin-bottom:30px;}

.why-choose{ padding:40px 0 30px; margin-bottom:30px;}
.why-choose img{ max-width:100%; margin-bottom:20px;}
.whychoospoint .style{ font-weight:bold}

.about-section{ padding-bottom:20px}
.contact-form{ border:2px solid #ccc; padding:15px; margin-bottom:30px;}

.contactModal .modal-header{ border-bottom:none; padding-bottom:0; padding-left:30px}
.contactModal .modal-body{ padding-top:0}
.contactModal .heading{ text-align:left; margin-bottom:5px}
.contactModal p{margin-bottom:30;}
.contactModal { background:rgba(0,0,0,.75)}
.contactModal .contact-form{ border: none; padding:0; text-align:center}
.contactModal .contact-form .heading{ text-align:center}

.red-button{ position:fixed; bottom:15%; right:0; z-index:1000}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#333; padding:5px; transition:.5s; display:none; z-index:1000}
#back-to-top:hover{background: #000;}

@media (max-width: 1199.98px) {
	
}

@media (max-width: 991.98px) {
.heading br, .sub-heading br{ display:none}
}

@media (max-width: 767.98px) {
.heading{ font-size:20px; line-height:24px;}
.sub-heading{ font-size:18px; line-height:22px}
.heading .heading{font-size:24px; line-height:28px}
.img-left{ width:100%; margin-bottom:20px; float:none; margin-right:0; max-width:inherit}
.maps{ background:none}
.maps img{ display:block; max-width:100%}

.header-contact a{ display:block; margin-bottom:5px;}
.header-contact strong{ display:none}

.carousel-caption{ padding:10px; bottom:5px}
.carousel-caption .heading{ font-size:18px; line-height:22px}

.main-service a img{ width:100px; height:100px;}
.main-service a .sub-heading{ font-size:14px; line-height:18px;}
.footer, .coytight{ text-align:center}
}

@media (max-width: 575.98px) {
body{ font-size:15px; line-height:19px}
.heading .heading{font-size:20px; line-height:24px}
.sub-heading{ font-size:16px; line-height:20px}
}