body{ font-family: 'highway_gothicregular' !important;}
*{margin: auto;}

a{ text-decoration: none;}
a:hover{ text-decoration: none !important;}
li{ display: inline-block;}
ul{padding-left: 0; margin: 0 !important;}

/* tob bar css*/
.header{background: #fff;}
.container{ width: 1300px !important; padding: 0 !important;}
.logo {  width: 350px; }
p{ font-size: 18px; color:#222;;}


/* nav bar css*/

    ul.desktop-menu {
    padding: 0 0 0 0 !important;
    
}
.nav li a{ color: #fff; font-size: 21px; width:100%; display: inline-block;padding: 20px 30px;    border-right: 1px solid #fff;  line-height: 10px;background: #000;}
.nav li a:hover{ color: #000;background: #fff; }
.nav li:last-child a { border: none;}
.nav li:hover{ background: #fff; }
.nav li{  position: relative; float: left;}
.sub-menu li a{ border:none;line-height: normal;font-size: 15px;padding: 12px;}
.nav{ padding: 0; background: #000;}
.nav li.book{ background: #f53b52;border-radius: 50px; padding: 3px 20px; box-shadow: 0 3px 0px #000;}
.sub-menu{ display: none; position: absolute; width: 200px; z-index: 9;}
.nav li:hover .sub-menu{ display: block;}
.sub-menu li{ width: 100%;}
.header .top{ padding: 10px;}
.top h4{    text-align: center; font-size: 26px;  font-style: italic;  letter-spacing: 1px; color:#d4af37;    margin-top: 40px;}
.top h3{ margin-top: 0; color:#000;}
.top span{color: #d4af37;font-style: italic; font-size: 22px;    margin-top: 20px; display: inline-block;}

/* header banner css */
.header-banner{ }
.header-banner h3{ color:#fff; font-size: 60px;}
.header-banner p{ font-size: 23px; color:#fff; margin: 20px 0;}
.banner-text{ margin-top: 200px;}
.booking{ background: #f53b52; border-radius: 50px; padding: 8px 20px; box-shadow: 0 3px 0px #000; color: #fff; width: 200px; display: inline-block; font-size: 18px;}
.booking:hover{ background: #125294; color: #fff;}
.booking-row{ text-align: center;}
.booking-row{ margin-top: 50px;}
#myCarousel .carousel-caption{ top: 20%; text-shadow:none;}
.header-banner a { color: #fb9300; background: #fff; padding: 6px 45px;font-size: 26px; border-radius: 40px; margin-top: 68px; display: inline-block; box-shadow: 0 0 0 #000;transition-duration: 0.5s;}
.carousel-inner a:hover{ color: #fff; background: #fb9300;border-radius: 0px;}
.about-section h4{color: #fba32f;   font-size: 26px;}
.heading{    font-size: 30px;    color: #000;}
.about-section{ margin: 0 0 70px 0;background: #F2F2F2;padding: 50px 0;}
a.more { background: #fba32f; color: #fff; padding: 10px 30px; font-size: 18px; border-radius: 40px; display: inline-block; text-align: center; margin-top: 10px; box-shadow: 2px 3px 0px #676565;transition-duration: 0.5s;}
.about-section iframe{ margin-top: 60px;}
a.more:hover{color:#fff; border-radius: 0;}

.head{ text-align: center;    margin-bottom: 35px;}
.services{ background: #fcebd6; padding: 30px 0 60px;}
.services .col-md-4 { opacity: 0.8;}
.services .ser2{border: 5px solid #fba32f; background: #fff; padding: 0;opacity: 1;}
.head h3{ color:#fb970f; font-size: 32px;}
.head hr{ width: 80px; height: 6px; background: #fba32f; margin: 0px auto 10px;}

.services img{ width: 100%;}
.services span{color: #000;font-size: 26px; padding: 10px; display: inline-block;}
.services p{ padding: 0 10px 10px;}
.inn{ padding: 10px; background: #fff; padding: 10px; background: #fff;box-shadow: 0 1px 8px #999;}
.bg{ background: url(../img/wave1.png); height: 40px;background-repeat: no-repeat;background-size: cover;}
.process h4{    font-size: 20px; font-weight: 500;}
.process{text-align: center; padding: 30px 0;background: #f9f7f7;}

.contactform{ padding: 40px 0; background-repeat: no-repeat;background-size: 100% 100%; margin: 40px 0;}
.contactform input{ width:100%; border: none; padding: 10px 10px 10px 20px; margin: 10px 0; border-radius: 40px; font-size: 16px;}
.contactform textarea{ width:100%; border: none;resize: none; padding: 10px 10px 10px 20px; margin: 10px 0; border-radius: 40px; font-size: 16px; height: 100px;}
.contactform input:focus{outline: none;}
.contactform button{background: #fb970f;color: #fff; border: 2px solid #fff; padding: 8px 40px; border-radius: 40px; font-size: 20px; box-shadow: 3px 3px 2px #333; margin-top: 20px; float: right;transition-duration: 0.5s;}
.contactform button:hover{border-radius: 0;}
.contactform h3.heading{    color: #fff; margin: 20px 0 30px 40px;}
.used{ padding: 50px 0;}
.used h3.heading{ color: #fb970f;}
ul.list li{width: 100%; display: inline-block;  font-size: 20px; background: url(../img/download1.png);    background-repeat: no-repeat;background-position: left center; background-size: 35px; padding: 10px 10px 10px 40px;}

.price{ padding: 30px 0 60px; background: #fcebd6;}
.first {  background: #fff; padding: 40px;    position: relative; margin-top: 40px;    border-left: 5px solid #fb970f;}
.first .price-head{ background: #fb970f; color: #fff;padding: 10px 20px; font-size: 22px; margin: auto; position: absolute; top: -25px; right: 0; left: 0; width: 300px; text-align: center;}
.first p{ font-size: 20px;text-align: center;    line-height: 40px;}
.first b{ color: #fb970f;}

.footer{ background: #111111; padding: 40px 0; color: #fff;}
.footer h4{font-size: 25px; margin-bottom: 30px; color: #d4af37;}
.footer p{ color: #fff; font-size: 16px;}
ul.menu-footer li{ display: inline-block; width: 100%; line-height: 30px;}
.footer a{ color:#fff; font-size: 16px;}
.footer a:hover{color: #fb970f;}
.menu-footer li img{width: 28px; margin-right: 10px;}
.col-md-12.footer-inner { border-top: 1px solid #fff; margin-top: 40px; padding-top: 20px;}
.footer-section2 li{ margin-left: 20px;}
.map-section{ font-size:16px;}
.map-section iframe{margin-top: 0px; border: 5px solid #fff !important;}
.abt-left{padding-top: 60px;}
.pickup-section2{ background: #d4af37; text-align: center; color: #fff; padding: 30px 0;}
.pickup-section2 h4{ font-size: 24px;}





@media screen and (max-width:1369px){
  .container{ width: 96% !important;}
    
}


@media screen and (max-width:1280px){
  #myCarousel .carousel-caption {  top: 0;}
  .about-section iframe{ width: 100%;}
  .contactform img{ width:100%;}
  .first{     padding: 40px 0;}
  .first p {  font-size: 16px;}
    
}


@media screen and (max-width:991px){
    .container{ width: 98% !important;}
    .menu.togg{width: 100%;     margin-top: -60px; }
    .top-bar .right{ text-align: center;}
    .top-bar .left{ text-align: center; margin-bottom: 10px;}
    .top-bar li img{ width: 25px;}
    .header-banner{ height: auto;}
    .header-banner h3{ font-size: 30px;}
    .header-banner p{ font-size: 18px;}
    .banner-text{ margin: 50px 0 100px;} 
    .yatch-section .border{ border-right: none;}
    .yatch-section img{ width: 100px;}
    .right.carousel-control span{ margin-right: 0;}
    .left.carousel-control span{ margin-left: 0;}
    .welcome-section{ height: auto;}
    .Featured .col-md-4{ margin-bottom: 20px;}
    .welcome{ margin: 50px 0; width: 300px;}
    .video{ height: auto;  background-size: cover;background-position: top;}
    .contactform{ height: auto;}
    .contactform{    background-size: cover;}
    
    
}

@media screen and (max-width:767px){
    .logo {  width: 200px; }
    #quote-carousel .carousel-indicators .active{width: 55px;  height: 55px;margin-top: 50px;}
    .heading{ margin-bottom: 20px;}
    #quote-carousel .carousel-indicators{ bottom: -20px;}
    .footer ul li a{font-size: 16px;}
    .footer .col-md-4{ margin-bottom: 20px;}
    .header-banner-inner h3{top: 10%;font-size: 30px;}
    .carousel-inner img{    height: 500px !important;}
    .inn{ margin-bottom: 30px;}
    .mid{ display: none;}
    .navbar-inverse .navbar-toggle {
      border-color: #333;
      background: #333;
      margin-top: 0;
  } 
    
}

@media screen and (max-width:640px){
  .first .price-head{    width: 200px;     font-size: 15px;}
  .first p {    font-size: 12px;   padding-left: 5px; text-align: left;}

}

/* our power boat slider css */
.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
    font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
  .carousel-inner .next        { left:  50%; }
  .carousel-inner .prev        { left: -50%; }
  .carousel-col                { width: 50%; }
  .active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
  .carousel-inner .next        { left:  50%; }
  .carousel-inner .prev        { left: -50%; }
  .carousel-col                { width: 50%; }
  .active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
  .carousel-inner .next        { left:  33%; }
  .carousel-inner .prev        { left: -33%; }
  .carousel-col                { width: 33%; }
  .active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
  .carousel-inner .next        { left:  25%; }
  .carousel-inner .prev        { left: -25%; }
  .carousel-col                { width: 25%; }
  .active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
  .active > div:first-child + div + div + div { display:block; }
}

.block {
  width: 306px;
  height: 230px;
}

.red {background: red;}

.blue {background: blue;}

.green {background: green;}

.yellow {background: yellow;}

.error{color:red;}

.cus-close{
  -webkit-appearance: none!important;
    padding: 0!important;
    cursor: pointer!important;
    background: #00000033!important;
    border: 0!important;
    margin: auto!important;
}

/* toggle menu css */
.navbar-inverse{ display: none;}
@media screen and (max-width:767px) {
    .desktop-menu{ display: none;}

.navbar, .navbar-inverse {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
    min-height: 80px;
    display: block;
    background-color: transparent !important;
    border-color: transparent !important  ;
    position: absolute !important;
    right: 0;
    top: -50px;
    width: 100%;
}

.nav li {
  display: inline;
    color: white;
    margin-top: 5px;
}

.header-banner a {
left: 20%;
margin-top: 40px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff !important;
  
  font-size: 16px;
  font-weight: 300;
  padding: 5px 10px;
}

.navbar-inverse .navbar-nav li a:hover {
  background-color: #fff !important;
  transition: 0.7s all linear;
  height: 100%;
  color: #daaf37 !important;
}
.navbar-inverse .navbar-collapse{ margin-top: 8px;}
.navbar-inverse .navbar-toggle{ border-color: #fff !important;}
.nav li.book{ width: 115px; float: left;text-align: center;}
.nav li.book a{ color: #fff !important;}
.sub-menu{ display: block; padding: 10px 0;  position: inherit;}
.sub-menu a{ color: #fff !important; font-size: 17px !important;}

.custom-nav{
      margin-right: 0 !important;
}
}

#myCarousel .carousel-caption{     top: 10% !important; background: rgba(0,0,0,0.3) !important;}
.header-banner a{ margin-top: 30px !important;}



/*inner pages css*/
.inner-pages .services h4 {
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 18px !important;
}

ul.loc li {
  font-size: 17px;
  color: #000;
  width: 23%;
  float: left;
  margin: 10px 2% 10px 0;
}

ul.loc li a {
  font-size: 17px; background-image: url(https://www.allstardumpsterrental.com/frontend/img/arrow.png); background-repeat: no-repeat; background-size: 20px; padding-left: 30px; width: 100%;  background-position: center left;
  color: #333; transition:all .3s linear 0ms;
}

ul.loc li a:hover {
  background-image: url(https://www.allstardumpsterrental.com/frontend/img/arrow1.png); margin-left: 10px; color: #FB970F;
}

.sing li {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  line-height: 35px;
}

.set-img img {
  width: 100%;
  margin: 15px;
}

.location-section{ padding: 70px 0;}


/* mold info */
.blog-post .blog-inner{   background: url(../img/str1.jpg); background-repeat: no-repeat; background-size: cover; height: 380px; padding: 50px; width: 80%; margin: 50px auto;}
.blog-post .blog-inner h3{ margin: 0;}
.blog-post .blog-inner h3 a{ background: #fb9300; color: #fff; padding: 10px 20px; border-radius: 14px 14px 0 0; display: inline-block;}
.blog-post .blog-inner .blog-content{ background: rgba(60, 60, 60, 0.75); padding: 20px;}
.blog-post .blog-inner .blog-content p{     color: #efefef; font-size: 20px;}
.blog-post .blog-more a{ color: #fb9300; font-size: 24px; padding: 10px 0; text-shadow: 1px 1px 1px #000; display: inline-block;}

.blog-post .blog-inner.two{   background: url(../img/bathroom.jpg);}
.blog-inn{ color:#fb9300; font-weight: 600; margin: 30px 0 15px;}
.mold-banner{ position: relative;     margin-bottom: 50px;}
.mold-banner-img{ background: url(../img/str1.jpg); background-repeat: no-repeat; background-size: cover !important; height: 450px; background-position: center !important;}
.mold-banner .mold-top-head{     position: absolute;    text-align: center; left: 0; right: 0; top:40%;}
.mold-banner .mold-top-head h2{ background: #fb9300; display: inline-block;color: #fff;  padding: 15px 40px;}
.blog-post {margin-bottom: 50px !important;}
.sidebar{ background: #fb9300; padding-bottom: 30px;}
.sidebar input{ width: 100%; border: none; margin: 10px 0; padding: 10px;  }
.sidebar textarea{ width: 100%; border: none; margin: 10px 0; padding: 10px; }
.sidebar button{     background: #fb970f; color: #fff; border: 2px solid #fff; padding: 5px 40px;  font-size: 18px; box-shadow: 3px 3px 2px #333; margin-top: 10px; 
 transition-duration: 0.5s;}
 .sidebar button:hover{     background: #000;}
 .map-section h3{ color: #fb9300;}
 .map-section h1{ margin-top: 50px;}
.pagination > li > a{ color: #fb9300 !important;}
.pagination > li.active span{ background-color:#fb9300; border-color:#fb9300;}
#enquiry { font-size: 17px;margin-bottom: 0;}


 /* about page */
 .about-page{ padding: 70px 0;}
 .about-page img{ width: 100%;     border: 1px solid #ccc;}
hr.sd{ background:  #fb9300;  height: 3px; width: 50px; margin: 0 0 10px;}
 .about-page .abt2{ background: #eee; display: inline-block; padding: 0 20px; margin: 50px 0;}
 .about-page .abt2 img{ margin: 20px 0;}
 .contact-page{ padding: 70px 0;}
 .contact-page a{ color: #125294; font-size: 18px;}

 .header h3 a {
    color: black;
}



.partners{padding: 20px 0 40px; text-align: center;}
.partners h3{ color: #aaa;padding-bottom: 20px; }
.partners img{ padding: 10px 0;}
.sizes-section{ margin: 50px 0;}
/* Tab Navigation */
.nav-tabs {
  margin: 0;
  padding: 0;
  border: 0;    
}
.nav-tabs > li > a {
 
  border-radius: 0;
  
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  background: #F5F5F5;
  box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}
/* Tab Content */
.tab-pane {
 
  border-radius: 0;
 
  padding: 50px 10px 10px;
}
.sizes-section .nav-tabs > li {
  width: 25%;
  text-align: center;
  opacity: 0.7;
}
.sizes-section .nav-tabs > li.active > a{  box-shadow: none;}
.sizes-section .nav-tabs > li.active{  opacity: 1;}
.sizes-section .nav-tabs span{ width: 100%;     display: inline-block;  color: #333; font-size: 18px;  margin-top: 10px;}
.sizes-section  .nav{     background: transparent;}
.sizes-section .tab-pane h3{ margin-top: 100px; color: #034166;}
.services{ background:url("../img/Dumpster-Rental-bg.jpg"); background-repeat: no-repeat; background-size: cover;}
.services p{ color: #fff;}
.white-dump{ width: 400px !important; margin-bottom: 20px;}
.services .inn{ background: transparent !important;  border-radius: 5px; box-shadow: none !important; padding: 0; text-align: center; margin-top: 40px;}
.services .inn a {  border: 1px solid #fff;  width: 100%; display: inline-block; text-align: center; padding: 10px; font-size: 18px; color: #fff; border-radius: 5px;}
.services .inn a:hover{ background: #fff; color: #333;}
.services .inn p{ min-height:150px;}
.nav-tabs > li > a{    background: transparent;}

.contactform select {
    width: 100%;
    border: none;
    padding: 10px 10px 10px 20px;
    margin: 10px 0;
    border-radius: 40px;
    font-size: 16px;
}
.contactform select:focus{outline: none;}
.contactform textarea:focus{outline: none;}
textarea {resize: none;}
.sidebar select {
    width: 100%;
    border: none;
    margin: 10px 0;
    padding: 10px;
}

.service-area img{ width:100%;}
.service-area{ padding: 40px 0;}
ul.service-name li{    width: 24%;  display: inline-block; transition:all .3s linear 0ms; margin: 5px 0;}
ul.service-name li:hover{ padding-left: 10px; }
ul.service-name li a { font-size: 17px; background-image: url(https://www.allstardumpsterrental.com/frontend/img/arrow.png); background-repeat: no-repeat; background-size: 20px; padding-left: 30px; width: 100%;  background-position: center left;
  color: #333; transition:all .3s linear 0ms;}
  ul.service-name li a:hover {  background-image: url(https://www.allstardumpsterrental.com/frontend/img/arrow1.png); margin-left: 10px; color: #FB970F; }


.sidebar select:focus{outline: none;}

.map-section{ font-size: 16px;}
.loc-section{ padding-bottom: 40px; background: #fff; margin-top:50px;}
.loc-section img{width:100% !important; margin:20px 0;}
.loc-section h4{ background-image: linear-gradient(to right, #16addd, #fff); padding: 10px; color: #fff;}
.loc-section .container{ width:100% !important;}

.section-space{ padding: 50px 0;}
.Houler-section h3{ text-align: left;}
.Houler-section h4{ font-size: 24px;}
.common{ background: #fff; padding: 20px; box-shadow: 0 0px 30px #ccc;}
.common input{     background: #fff; border: 1px solid #c7c7c6; padding: 5px;  width: 100%; margin: 5px 0;}
.common textarea{     background: #fff; border: 1px solid #c7c7c6; padding: 5px;  width: 100%; margin: 5px 0;}
.common h3{ margin-top: 0; color: #000;}
.common button{     background: #fb970f; color: #fff;  padding: 10px;  width: 100%;  border: none; margin-top:5px;}
.common button:hover{  background: #000;}
.Houler-section .head{ margin-top: 100px;}
.request h3{ text-align: left;}
.request p{ font-size: 20px;}
.request .head{ margin-bottom: 20px;}
.request{ font-size: 18px;}
.req-full{ border: 1px solid #ddd; display: inline-block; width: 100%; padding-bottom: 50px; margin-top: 30px;}
.req-full input[type="radio"] { margin-right: 10px;}
.project li{ margin-right: 15px; color: #337ab7;} 
.project label{ font-weight: 500;}
.project{ margin-bottom: 30px !important;}

.cusselected button{ background-color: #fb970f !important; color: #fff !important;}

.select-dumpster .col-md-2 { border: 1px solid #fb970f;text-align: center; margin-right: 20px; padding: 10px; }
.select-dumpster .col-md-2 label{ cursor: pointer;}
.select-dumpster{ padding:0 !important; margin-bottom: 40px;}
.select-dumpster h3{text-align: center; color: #fb970f; font-size: 20px;}
.select-dumpster input[type="checkbox"] { display: none;}
.select-dumpster p{  color: #505050; font-size: 16px; font-weight: 500; min-height: 50px;}
.select-dumpster button{ color: #fb970f; border: 1px solid #fb970f;  font-weight: 500; padding: 5px 50px; background: transparent; margin-top: 20px;}
.select-dumpster button:focus{ outline: none;}
.se2 .col-md-2{ border: none; padding: 0;}
.se2 .col-md-2 button{width: 100%;     padding: 5px 10px; margin-top: 5px;}
.se2 .col-md-2 label{ width:100%;}
.select-dumpster2{ padding: 0 !important;}
.select-dumpster2 .col-md-9{ padding: 0 !important;}
.select-dumpster2 input{ border: 1px solid #ddd; padding: 10px 10px; border-radius: 5px; width: 100%; margin: 10px 0; height: 50px;}
.select-dumpster2 button{ background-color: #fb970f; color: #fff; text-align: center; width: 100%; border: none; margin: 10px 0; height: 50px; border-radius: 5px;}
a.asdr { color: #fb970f; border: 1px solid #fb970f; padding: 10px 20px; font-size: 18px; border-radius: 30px; margin-top: 20px; display: inline-block;}
a.asdr:hover{ background-color: #fb970f; color: #fff;}
.bg2 { padding: 30px 0; background: #f2f2f2; text-align: center;}
.addition-fees img { margin-bottom: 20px;  box-shadow: 0 0 10px #ccc;  border-radius: 50%;}


.cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ddd;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.cont input:checked ~ .checkmark {
  background-color: #337ab7;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.cont .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}



@media screen and (max-width:992px) {
      .header .top{text-align:center;}
      .nav li a{ padding: 20px 15px; font-size: 17px;}
}

@media screen and (max-width:767px) {
      .nav > li{ width: 100%;}
      .sub-menu{ width: 100%;}
       .nav-tabs li img {  width: 50px;}
       .sizes-section .tab-pane h3{     margin-top: 10px;}
       .tab-content img{ width:100%;}
ul.service-name li{     width: 49%;}
.contactform{ background-size: cover !important;}
.footer-section2 li { margin-left: 0;  margin-right: 10px;}
.footer-inner .text-right { text-align: left;}
}


/*************Weight Calculator****************/

.with li{  float: left;     width: 33%; list-style: circle; list-style-position: inside; display: list-item;}
h4.sub-tile{ font-size:18px; margin:10px 0; color:#135b78; text-align:left;}
table.asdr{ margin:0 0 20px; width: 70%; border:1px solid #ddd; padding:25px; border-collapse: inherit;}
table.asdr input{ width:100%; margin-bottom:5px; padding:5px;}
table.asdr select{ width:100%; margin-bottom:5px; padding:5px;}
table.asdr  td{  vertical-align: top; padding:10px 0;}
.estimation-block input[type="button"]{ background-color: #FB970F; color: #fff;  text-align: center;    border: none; margin: 10px 15px 10px 0;  padding:5px 40px;}
.estimation-block input[type="radio"]{ width:auto;}
.estimation-block .estimated-total {  font-size: 20px;  font-weight: 700;background: #eee;  border: 1px solid #B3B3B3;  padding: 1rem; text-align: center; width:70%; margin:15px 0;}