body{font-family: 'Raleway', sans-serif; font-size:16px; line-height:26px; 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;}

.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;}

header{ padding:5px 0}
.logo img{ max-width:100%;}
.logo a{ display:block}
.header-contact p{ margin-bottom:0}
.header-contact a{ display: inline-block; margin-bottom:8px}
.header-contact a img{ max-height:20px}
.header-contact .sub-heading{ font-size:18px; font-weight:bold}

/* Start Menu css */
.navbar-dark{ padding:0; 
background: #0352ab; /* Old browsers */
background: -moz-linear-gradient(top,  #0561c8 0%, #0352ab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0561c8 0%,#0352ab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0561c8 0%,#0352ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0561c8', endColorstr='#0352ab',GradientType=0 ); /* IE6-9 */}
.navbar-dark .navbar-toggler{ border:none; color:#fff; }
.navbar-dark .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;}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#fff; line-height:20px; padding:20px 36px; text-transform:uppercase}
.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:#242565;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c6c6c6+0,e6e6e6+100 */
background: #c6c6c6; /* Old browsers */
background: -moz-linear-gradient(top,  #c6c6c6 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c6c6c6 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c6c6c6 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.dropdown-item{ font-size:15px;}
.dropdown-item:current, .dropdown-item:hover{ color:#000; background:none!important;}
.dropdown-item.current{ background:#0a286c!important; color:#fff!important;}
/* End Menu css */

.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 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:#ff5252; margin-bottom:10px; font-size:36px; line-height:40px}
.img-two img{ width:100%; margin-bottom:20px}

#HomeReviews{ background:#ddd url(../img/shree-ganesh-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: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{ color:#000}
.map-menu{ background: #ff5252 url(../img/services-area-bg.jpg) top center no-repeat; background-size:cover; padding-bottom:15px}
.maps{ background:url(../img/shree-ganesh-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;}

.contact-form{ padding:15px; text-align:center; font-weight:bold}
.rhs .contact-form{background:#ddd;}
.contact-form a{ display:inline-block}
.form-control:focus{ box-shadow: none!important; border-color:#ccc}

/* modad contact */
.modal .modal-header{ border:none; margin-bottom:-25px}
.modal .modal-header .close{ padding-top:0; font-size:42px; margin-top:-21px; padding-bottom:16px}
.modal .modal-header .close:focus, .btn-close:focus{ box-shadow: none }
.modal .modal-body{ padding-top:0; margin-top:-5px; font-size:15px; line-height:24px; color:#333}
/* modad contact */


/* 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 #ff5252; 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}

.branch li div{ padding:5px; border:1px solid #ddd; margin:15px 0; border-bottom:5px solid #ddd}
.branch li div strong{ color:#ff5252}

.red-button{ position:fixed; right:0; bottom:20%; z-index:1001}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#000; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #333;}

@media (max-width: 1199.98px) {
	
}

@media (max-width: 991.98px) {
.container{ max-width:100%}
/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:22px; font-size:15px; line-height:18px;}
/* Start Menu css */
.main-service a img{ width:150px; height:150px;}
}

@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%}

.logo{ margin-bottom:20px!important;}
/* Start Menu css */
.navbar-dark{ padding:5px 0px}
.navbar-dark .navbar-brand{ display:block;}
.navbar-dark .navbar-nav .nav-link{ border-bottom:1px solid #3f428b;}
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:10px 20px;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
.navbar-dark .navbar-nav .nav-link{ padding:10px 15px;}
/* End Menu css */

.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}
}