@charset "utf-8";
/* Responsive CSS */

@media (max-width: 1200px) {
.container { width:940px; }

#contact_block .img { padding-right: 0; }
#contact_block .desc { padding-left: 0; padding-right: 20px; }

h3, .heading-3 {font-size: 22px;}

#app_process .img { padding-left: 0; }

#about .about .about_left { padding-right: 30px; }

#app_process .desc { padding-left: 0; }
#app_process .r_flex .img  { padding-left: 0; }
#app_process .r_flex .desc { padding-right: 0; }

}

@media (max-width: 1024px) {
.container { width:750px; padding:0 20px; }

#contact_block .img { padding-right: 0; }
#contact_block .desc { padding-left: 0; padding-right: 0; }

h1, .heading-1 { font-size:36px;  }
h2, .heading-2 { font-size:28px;  }
h3, .heading-3 {font-size: 18x;}
h4, .heading-4 {font-size: 16px;}

#footer .f_block  { padding-right: 50px; }

#accordion .accordion_inner { padding: 40px 40px; }

#contact_block .desc h2  { font-size: 26px; }

.quote_block { padding: 30px 20px; }

#contact_block .desc .btn { padding: 8px 17px; }

#about .about .about_right { padding: 30px 20px; }
#about .about .about_right h4 { font-size: 20px; }

#accordion .content-entry { padding: 14px 15px; }
#accordion .article-title { font-size: 14px; }

#accordion h2 { margin: 0 0 20px 0; }

#about .about .about_left { padding-right: 20px; }

.quote_block { margin-left: 0; }
#accordion .accordion_inner > p { margin-left: 0; }





}

@media (min-width: 767px) {
#nav ul.done { display:block !important; }
.display-flex { display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; }
.align-self-start { -ms-flex-item-align:start !important; align-self:start !important; }
.align-self-center { -ms-flex-item-align:center !important; align-self:center !important; }
.align-self-end { -ms-flex-item-align:end !important; align-self:end !important; }	
}

@media (max-width: 767px) {
.container { width:100%; }
.alignnone, .alignleft, .alignright { display:block; float:none; margin:0 auto 20px; } 

h1, .heading-1 { font-size: 32px; } 


#header .header { display: block; }
#header .head_right h3 { max-width: 100%; text-align: center; }
#header .head_right h5 { text-align: center; }
#header .head_right { padding: 20px 0 0 0;  }
#header .logo { text-align: center; }

#home_banner { padding: 70px 0; }
#home_banner .cap { max-width: 100%; padding: 20px 20px; }

#nav ul li { padding-left: 15px; }
#nav ul { justify-content: center; }

#about .about { display: block; }

#about .about .about_left { width: 100%; padding: 0; }
#about .about .about_right { width: 100%; }

#about { padding: 50px 0; }
#contact_block .img { margin-bottom: 20px; }
#contact_block .desc h2 { font-size: 24px; }
#contact_block .desc .btn { margin: 0 0 10px 0 !important; }

#contact_block { margin-bottom: 50px; }  
#app_process { padding: 50px 0; margin-bottom: 50px; } 
#app_process .img { margin-bottom: 30px; }
.quote_block { margin: 30px 0 0 0; }
#quote { padding: 0 0 50px 0; }
#accordion .accordion_inner { padding: 40px 20px; }

#accordion { margin-bottom: 50px; }
#supplier { padding-bottom: 30px; }

#footer .footer { display: block; }

 
}

@media (max-width: 580px) {




}