@charset "UTF-8";
/* Responsive Layout */

@media only screen and (min-width: 1024px) and (max-width:1199px) {
.single-post ol, ul {
    padding: 0 0 0 18px !important;
    margin: 0;
}

}

@media only screen and (min-width: 768px) and (max-width:1023px) {
.single-post ol, ul {
    padding: 0 0 0 18px !important;
    margin: 0;
}
}

@media only screen and (max-width:767px) {
	
	.panel1 .col-md-12 h1{font-size:28px;}

.single-post ol, ul {
    padding: 0 0 0 18px !important;
    margin: 0;
}
.brand-logo{width:140px;}
.header .nav{display:none}
.header .phone a{padding:0; border:none;}
.header .phone a em{display:none}
.header .phone a .icon{position:relative; margin:0}
.search-icon span,
.search-icon .fa{display:none}
.search-icon a{width:46px; height:46px; float:left; border:none;border-radius:0; background:url(../images/search-icon.png) no-repeat center center}


.feature-element .text-feature{text-align:center;margin:0 auto !important;}
.panel2 .content-box p , .panel2 .content-box p i , .panel2 .image{text-align:center;float: none;}

.panel2 .content-box p{width:100%;}

.line-feature{display:none !important}

.title-section .title{border:none;}

.title-section .crumbs{width:100%;    margin-top: 25px}
.homeSlider .banner-info{width:80%}
.homeSlider .banner-info h2{font-size:15px;    margin: 0 0 5px;}

.homeSlider .banner-info p{font-size:14px ;    margin: 0 0 5px;}

.homeSlider .banner-info a{font-size:14px ;    padding: 0px 16px;}

.homeSlider .banner-info .action a{font-size:13px }

.search-icon a{     width: 43px;
    height: 43px;   }
    .mobile-menu li a{text-transform:capitalize;}
    
    .search-icon{clear:none !important;    margin-right: 17px;}
    .header .phone{margin-top:4px;margin-right:20px;}
    .sticky .phone{display:block}
    
   .search-box{position: fixed;
    top: 65px;
    z-index: 9999;}
    
    .feature-element li .cirle-feature{margin: 0 auto;
    display: block;float:none;}
    
    .panel3 .action{z-index:99999;}
    
    .panel3 .col-md-5{clear:both;}
    
    .blo_list{display: flex;
          flex-direction: column;}
          
       .blo_list_1{order:1;margin-top:20px;}
     .single-post ol, ul {
    padding: 0 0 0 18px;
    margin: 0;
}
       
       .blo_list_2{order:2}   
       .title-section .page-title{width:100%;}
       .title-section .crumbs{text-align:left;padding:0px;}
.panel2 .content-box h3{    font-size: 30px;
    text-align: center;
    padding: 0;}
.panel3 h2 {
    font-size: 30px;
    margin: 41px 0 -16px;
    text-align: center;
}

.panel3 h4 {
    font-size: 20px;
    margin: 0 0 20px;
    text-align: center;
}

.panel4 h2{font-size: 34px;}

.panel5 h2{font-size: 34px;}

.panel5 .box .text-box h3{font-size: 34px;}


.panel6 .action a{    padding: 10px 28px 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;}
    .bottom-form h2{font-size: 26px;}
     .inner-page{    padding: 0px 0;}
     .woocommerce-message{width:100%;}
     .title-section{    padding: 20px 0 10px 0;}
     
      .title-section .crumbs{text-align:left;padding:0px;margin:0}

}

@media only screen and (max-width:400px) {
	.panel1 .col-md-12 h1{font-size:28px;}

.brand-logo{width:107px;}

 .bottom-form h2{font-size: 26px;}
 
 .inner-page{    padding: 0px 0;}

 .title-section .page-title{width:100%;}
       .title-section .crumbs{text-align:left;padding:0px;margin:0}
.woocommerce form .form-row label{font-size:16px;}
p{font-size:18px;}

.panel3 h2 {
    font-size: 30px;
    margin: 41px 0 -16px;
    text-align: center;
}

.panel4 h2{font-size: 30px;}

.panel5 h2{font-size: 30px;}

.panel5 .box .text-box h3 {
    font-size: 18px;
}

.panel6 .action a{    padding: 10px 28px 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;}

.panel3 .action{float:none; text-align:center;}
.panel3 p{text-align:center;}

.panel3 h4 {
    font-size: 20px;
    margin: 0 0 20px;
    text-align: center;
}

.woocommerce-message , .woocommerce-message a{width:100%;}

.panel2 .content-box h3{    font-size: 30px;
    text-align: center;
    padding: 0;}

.woocommerce-form-coupon .form-row{    width: 100% !important;}
.woocommerce-form-coupon .input-text{width: 100%!important; float:left;}

.title-section{    padding: 20px 0 10px 0;}
.single-post  ol, ul {
    padding: 0 0 0 18px !important;
    margin: 0;
}

}

@media only screen and (min-width:480px) and (max-width:767px) {
.single-post ol, ul {
    padding: 0 0 0 18px !important;
    margin: 0;
}
}