/*!
Theme Name: Medirent
Theme URI: http://underscores.me/
Author: Touhidul Sadeek
Author URI: http://tcoderbd.com
Description: Medirent Custom WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: medirent
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Medirent is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@media screen and (max-width: 991px) {
    .acquista-ora{
        margin-bottom:30px;
    }
  }

  @media screen and (max-width: 767px) {
    #box-acquista-ora{
      display:none!important;
    }
    #box-acquista-ora-categoria-mobile{
      display:block!important;
    }
    #box-acquista-ora-categoria{
      display:none!important;
    }
    #box-acquista-ora-mobile{
      display: block!important;
  }

  .header-contact-info ul{
    display:flex;
  }

  .sicuri{
    margin:10px 0;
  }

  .promotion-text ul{
    display:flex;
  }

  .promotion-text ul a{
    flex:0 0 50%;
  }

  .promotion-text ul a li{
    width:100%;
  }

  .slider-form {
    padding: 15px;
    margin: 10px;
  }

  .header-contact-info ul a{
    flex:0 0 50%;
  }

  .header-contact-info ul a li{
    width:90%;
  }

  .navbar-toggler.resbutton{
    height:100%;
    color:white;
  }

  .logo{
    max-width: 80%;
    margin: 0 auto 30px auto;
  }

  .product-slider h2{
    padding: 0 20px;
  }

  .contact-form{
    padding: 15px!important;
  }

  .contact-form .row .col-md-6{
    margin-bottom:0;
  }

  .bottom-card{
    margin-bottom:20px;
  }
  
}

  @media screen and (max-width: 425px) {
    .acquista-ora{
        margin-bottom:0px;
    }

    .promotion-text ul{
      display:flex;
      flex-wrap:wrap;
    }

    .promotion-text ul a{
      flex: 0 0 100%;
    }

    .single-slider{
      min-height: 500px;
    }
    .logo{
      max-width: 100%;
      margin: 0 0 30px 0;
    }

    
  }


  @media screen and (max-width: 375px) {

    .header-contact-info ul a li{
      width:fit-content;
    }
    
  }


  .contact-form {
    margin-top: 15px;
    padding: 50px ;
    background: #f9f9f9;
    border-radius: 8px;
}
.steps-form .steps-row .steps-step .btn-circle {
  line-height: 32px!important;
}

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
  text-align:center;
  padding-left:0;
}
#progressbar li {
	list-style-type: none;
	color: black;
	text-transform: uppercase;
	font-size: 13px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 35px;
  line-height: 35px;
  display: block;
  font-size: 17px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 16px;
	z-index: -1; /*put it behind the numbers*/
  background:#f1f1f1;
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/