/* Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
       .banner h1 {
       font-size: 40px;
     }
	 
	 .featured-title {
        position: relative;
        font-size: 12px;
    }
 }

/* Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
          
		  .banner h1 {
            font-size:30px;
          }
			
		  p {
              font-size: 14px;
           }
		   
		   .btn-logo{
               padding: 10px 20px; 
           }
		   
		   .featured-title {
              font-size: 13px;
           }
		   
		   .overlay i {
              width: 20px;
              height: 20px;
              line-height: 20px;
        }
		
		.font-weight-bold {
              font-size: 20px;
        }
		
		.filter-button-group button {
            margin-left: 2px;
            margin-right: 2px;
}

}

/* Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767.98px) { ... }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
		
		 .banner h1 {
            font-size:20px;
          }
			
		  p {
              font-size: 10px;
           }
		   
		   .btn-logo{
               padding: 5px 10px; 
			   font-size: 12px;
			  
           }
		   
		    .contact-info{
			   text-align:center;
		   }
		   
		   .contact-info1{
			   text-align:center !important;
		   }   
		   .contact-info2{
			   text-align:center !important;
			   margin-top:10px;
		   }
		   .get-quto{
			   text-align:center !important;
			   margin-top:10px;
		   }
		   
		   .caro-cap{
			   margin:15px 0 !important;
		   }
           
		   .fcon-sec h5{
			   margin-top:10px !important;
		   }
 }

@media (max-width: 480px) { ... }

@media (max-width: 375px) { ... }

@media (max-width: 360px) { ... }