/* CSS Document - use this a starting template for respsonsive */
/* updated to common sized Jan 2020 */

/************************************************************************************
	max width 1680 - desktop
*************************************************************************************/
@media screen and (max-width: 1680px) {
	
.header .topbar .quote_btn {
    width: 18%;
    margin-left: 12%;
}
    
}

/************************************************************************************
	max width 1440 - desktop
*************************************************************************************/
@media screen and (max-width: 1440px) {

}

/************************************************************************************
	max width 1440 x max height 900 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1440px) and (max-height: 900px) {

.index_wrap .index_left_side {
    width: 40%;
}
	
.index_wrap .index_right_side {
    width: 56%;
}
 
.index_wrap .index_right_side .hp_block .hp_btn .hp_block_text {
    font-size: 0.8em;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_text {
    font-size: 0.8em;
}
    
.portfolio_wrap {
    width: 100%;
    margin: 0px 0%;
}
    
.detail_wrap {
    width: 100%;
    margin: 0px 0%;
    grid-template-columns: 70% 30%;    
}
    
.product_wrap {
    width: 100%;
    margin: 0px 0%;
}
    
}

/************************************************************************************
	max width 1366 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1366px) {

	
}

/************************************************************************************
	max width 1366 x max height 1024 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1366px) and (max-height: 1024px) {

.header .topbar .quote_btn {
    width: 20%;
    margin-left: 10%;
}
    
.footer {
    padding: 40px 2%;
}

.index_wrap .index_left_side {
    width: 40%;
}
	
.index_wrap .index_right_side {
    width: 56%;
}
 
.index_wrap .index_right_side .hp_block .hp_btn .hp_block_text {
    font-size: 0.8em;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_text {
    font-size: 0.8em;
}
    
.portfolio_wrap {
    width: 100%;
    margin: 0px 0%;
}
    
.detail_wrap {
    width: 100%;
    margin: 0px 0%;
    grid-template-columns: 70% 30%;    
}
    
.product_wrap {
    width: 100%;
    margin: 0px 0%;
}
    
    
}

/************************************************************************************
	max width 1366 x max height 768 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1366px) and (max-height: 768px) {

.header .topbar .quote_btn {
    width: 20%;
    margin-left: 10%;
}
    
.footer {
    padding: 40px 2%;
}
    
	
}

/************************************************************************************
	max width 1280 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1280px) {

}

/************************************************************************************
	max width 1280 x 1024 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 1024px) {

.header .topbar .quote_btn .large_text_line {
    font-size: 1.4em;
}

.hp_default_wrap .feature_wrap .feature_block .block_headline {
    height: 38px;
}    
    
}

/************************************************************************************
	max width 1280 x 800 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 800px) {

.header .topbar .quote_btn .large_text_line {
    font-size: 1.4em;
}

.hp_default_wrap .feature_wrap .feature_block .block_headline {
    height: 38px;
}    
    
}

/************************************************************************************
	max width 1140 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1140px) {

}

/************************************************************************************
	max width 1024 x max height 900 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1140px) and (max-height: 900px) {

.detail_wrap .photo_side .main_image .top_bar .return_btn {
    width: 35%;
}
 
.detail_wrap .photo_side .main_image .top_bar .return_btn:hover {
    width: 37%;
}

h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 25px;
}
    
#hp-tagline {
    font-size: 3em;        
}    
    
    
}

/************************************************************************************
	max width 1024 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1024px) {

.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: 70px;
}
    
.portfolio_wrap .porfolio_box .info_block .project_btn {
    font-size: 1em;
}
    
.header .topbar .quote_btn .large_text_line {
    font-size: 1.2em;
}    
    
.form-block-nb {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}    
    
.form-block-nb .g-recaptcha {
    width: 65%;
}    
 
.form-block-nb .formbtn {
    width: 58%;
    margin-top: 10px;
    margin-right: 10px;
}

.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: 70px;
}

.portfolio_wrap .porfolio_box .info_block .project_btn {
    font-size: 1em;
}

.header .topbar .quote_btn .large_text_line {
    font-size: 1.2em;
}    
    
#hp-tagline {
    font-size: 3em;        
}    
    
    
}

/************************************************************************************
	max width 1024 x max height 1366 - iPad
*************************************************************************************/
@media screen and (max-width: 1024px) and (max-height: 1366px) {

.form-block-nb {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}    
    
.form-block-nb .g-recaptcha {
    width: 74%;
}    
 
.form-block-nb .formbtn {
    width: 58%;
    margin-top: 10px;
    margin-right: 10px;
}
 
.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: 70px;
}
    
.portfolio_wrap .porfolio_box .info_block .project_btn {
    font-size: 1em;
}
    
.header .topbar .quote_btn .large_text_line {
    font-size: 1.2em;
}    

#hp-tagline {
    font-size: 3em;        
}    

.header .topbar .quote_btn .small_text_line {
    font-size: 0.8em;
}    
    
.index_wrap .index_right_side {
    flex-direction: column;
    justify-content: space-between;
}    
    
.index_wrap .index_right_side .hp_block {
    width: 100%;
}
 
h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 40px;
}    
    
.portfolio_wrap {
    width: 100%;
    margin: 0px 0%;
}
    
.detail_wrap {
    width: 100%;
    margin: 0px 0%;
    grid-template-columns: 70% 30%;    
}
    
.detail_wrap .photo_side .main_image .top_bar .return_btn {
    width: 28%;
}
    
.detail_wrap .photo_side .main_image .top_bar .return_btn:hover {
    width: 30%;
}

.form-block-nb .g-recaptcha {
    width: 65%;
}    
 
.footer {
    padding: 40px 2%;
}
    
}

/************************************************************************************
	max width 1024 x max height 768 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1024px) and (max-height: 768px) {

.form-block-nb {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}    
    
.form-block-nb .g-recaptcha {
    width: 65%;
}    
 
.form-block-nb .formbtn {
    width: 58%;
    margin-top: 10px;
    margin-right: 10px;
}

.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: 70px;
}

.portfolio_wrap .porfolio_box .info_block .project_btn {
    font-size: 1em;
}

.header .topbar .quote_btn .large_text_line {
    font-size: 1.2em;
}    
    
#hp-tagline {
    font-size: 3em;        
}    
    
    
}

/************************************************************************************
	max width 812 x max height 375 - iPhone X 
*************************************************************************************/
@media screen and (max-width: 812px) and (max-height: 375px) {

.header .bottombar {
    display: none;
}    
	
.header .topbar .quote_btn {
    display: none;            
}    
    
.header .topbar .mobile_nav_btn {
    display: block;
}
 
.header .topbar {
    height: 80px;
}
    
.header {
    height: 80px;
}
	
.header .topbar .top_logo {
    width: 30%;
    margin-top: 35px;
}

#hp-wrap {
    top: 20vh;
}

#hp-titlebox {
    max-width: 60%;        
}    
    
#hp-tagline2 {
    font-size: 1.8em;        
}    
    
#hp-tagline {
    font-size: 2.4em;        
}        
   
.page_container .page_wrap {
    padding: 50px 2%;
}
    
.index_wrap {
    flex-direction: column;
}    
    
.index_wrap .index_left_side {
    width: 100%;
}    
    
h1 {
    margin-bottom: 15px;
}
    
.index_wrap .index_right_side {
    width: 100%;
}    
    
.hp_default_wrap .block_headline_wrap .top_line {
    font-size: 1.8em;
}
    
.hp_default_wrap {
    padding: 55px 2%;
}
    
.hp_default_wrap .block_headline_wrap .bottom_line {
    font-size: 3.2em;
}

.hp_default_wrap .feature_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 570px;
    padding: 50px 0px;
}    
    
.hp_default_wrap .feature_wrap {
    flex-direction: column;
    height: auto;
    overflow: auto;
}    
    
.hp_default_wrap .feature_wrap .feature_block {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_headline {
    margin-bottom: 0px;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: auto;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_image {
    height: 250px;
}
    
.page_top_image {
    height: 230px;
    padding: 35px 2% 20px;
}    
 
h1 {
    font-size: 1.8em;
}    
    
.page_top_image .subheading {
    padding: 0px 0% 0px 0px;
}    
    
.inside_page_wrap {
    flex-direction: column-reverse;
}
    
.inside_page_wrap .text_block {
    width: 100%;
}
 
.inside_page_wrap .image_block {
    width: 100%;
}    

.portfolio_wrap .porfolio_box {
    width: 48%;
}
    
.detail_wrap {
    display: flex;
    flex-direction: column;
    height: auto;
}    
    
.contact_wrap {
    flex-direction: column-reverse;
}   
    
.contact_wrap .office_block {
    width: 100%;
}    
    
.form_side {
    width: 100%;
}    
 
.form-block-nb .g-recaptcha {
    width: 42%;
}    
    
.form-block-nb .formbtn {
    width: 98%;
}    
    
}

/************************************************************************************
	max width 800 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 800px) {

}

/************************************************************************************
	max width 768 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 768px) {

.header .bottombar {
    display: none;
}    
	
.header .topbar .quote_btn {
    display: none;            
}    
    
.header .topbar .mobile_nav_btn {
    display: block;
}
 
.header .topbar {
    height: 80px;
}
    
.header {
    height: 80px;
}
	
.header .topbar .top_logo {
    width: 30%;
    margin-top: 35px;
}

#hp-wrap {
    top: 20vh;
}

#hp-titlebox {
    max-width: 60%;        
}    
    
#hp-tagline2 {
    font-size: 1.8em;        
}    
    
#hp-tagline {
    font-size: 2.4em;        
}        
   
.page_container .page_wrap {
    padding: 50px 2%;
}
    
.index_wrap {
    flex-direction: column;
}    
    
.index_wrap .index_left_side {
    width: 100%;
}    
    
h1 {
    margin-bottom: 15px;
}
    
.index_wrap .index_right_side {
    width: 100%;
}    
    
.hp_default_wrap .block_headline_wrap .top_line {
    font-size: 1.8em;
}
    
.hp_default_wrap {
    padding: 55px 2%;
}
    
.hp_default_wrap .block_headline_wrap .bottom_line {
    font-size: 3.2em;
}

.hp_default_wrap .feature_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 570px;
    padding: 50px 0px;
}    
    
.hp_default_wrap .feature_wrap {
    flex-direction: column;
    height: auto;
    overflow: auto;
}    
    
.hp_default_wrap .feature_wrap .feature_block {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_headline {
    margin-bottom: 0px;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: auto;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_image {
    height: 250px;
}
    
.page_top_image {
    height: 230px;
    padding: 35px 2% 20px;
}    
 
h1 {
    font-size: 1.8em;
}    
    
.page_top_image .subheading {
    padding: 0px 0% 0px 0px;
}    
    
.inside_page_wrap {
    flex-direction: column-reverse;
}
    
.inside_page_wrap .text_block {
    width: 100%;
}
 
.inside_page_wrap .image_block {
    width: 100%;
}    

.portfolio_wrap .porfolio_box {
    width: 48%;
}
    
.detail_wrap {
    display: flex;
    flex-direction: column;
    height: auto;
}    
    
.contact_wrap {
    flex-direction: column-reverse;
}   
    
.contact_wrap .office_block {
    width: 100%;
}    
    
.form_side {
    width: 100%;
}    
 
.form-block-nb .g-recaptcha {
    width: 42%;
}    
    
.form-block-nb .formbtn {
    width: 98%;
}    

.index_wrap .index_right_side .hp_block {
    margin: 10px 0px;
}    
    
}

/************************************************************************************
	max width 768 x max height 1024 - iPad
*************************************************************************************/
@media screen and (max-width: 768px) and (max-height: 1024px) {

.header .bottombar {
    display: none;
}    
	
.header .topbar .quote_btn {
    display: none;            
}    
    
.header .topbar .mobile_nav_btn {
    display: block;
}
 
.header .topbar {
    height: 80px;
}
    
.header {
    height: 80px;
}
	
.header .topbar .top_logo {
    width: 30%;
    margin-top: 35px;
}

#hp-wrap {
    top: 20vh;
}

#hp-titlebox {
    max-width: 60%;        
}    
    
#hp-tagline2 {
    font-size: 1.8em;        
}    
    
#hp-tagline {
    font-size: 2.4em;        
}        
   
.page_container .page_wrap {
    padding: 50px 2%;
}
    
.index_wrap {
    flex-direction: column;
}    
    
.index_wrap .index_left_side {
    width: 100%;
}    
    
h1 {
    margin-bottom: 15px;
}
    
.index_wrap .index_right_side {
    width: 100%;
}    
    
.hp_default_wrap .block_headline_wrap .top_line {
    font-size: 1.8em;
}
    
.hp_default_wrap {
    padding: 55px 2%;
}
    
.hp_default_wrap .block_headline_wrap .bottom_line {
    font-size: 3.2em;
}

.hp_default_wrap .feature_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 570px;
    padding: 50px 0px;
}    
    
.hp_default_wrap .feature_wrap {
    flex-direction: column;
    height: auto;
    overflow: auto;
}    
    
.hp_default_wrap .feature_wrap .feature_block {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_headline {
    margin-bottom: 0px;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_text {
    height: auto;
}    
    
.hp_default_wrap .feature_wrap .feature_block .block_image {
    height: 250px;
}
    
.page_top_image {
    height: 230px;
    padding: 35px 2% 20px;
}    
 
h1 {
    font-size: 1.8em;
}    
    
.page_top_image .subheading {
    padding: 0px 0% 0px 0px;
}    
    
.inside_page_wrap {
    flex-direction: column-reverse;
}
    
.inside_page_wrap .text_block {
    width: 100%;
}
 
.inside_page_wrap .image_block {
    width: 100%;
}    

.portfolio_wrap .porfolio_box {
    width: 48%;
}
    
.detail_wrap {
    display: flex;
    flex-direction: column;
    height: auto;
}    
    
.contact_wrap {
    flex-direction: column-reverse;
}   
    
.contact_wrap .office_block {
    width: 100%;
}    
    
.form_side {
    width: 100%;
}    
 
.form-block-nb .g-recaptcha {
    width: 42%;
}    
    
.form-block-nb .formbtn {
    width: 98%;
}    
    
.index_wrap .index_right_side .hp_block {
    margin: 10px 0px;
}    
    
    
}

/************************************************************************************
	max width 740 x max height 360 - S8
*************************************************************************************/
@media screen and (max-width: 740px) and (max-height: 360px) {

.page-grid-half {
    display: flex;
	flex-direction: column;
}

.page-grid-thirds {
    display: flex;
	flex-direction: column;
}
	
.page-row-container {
    display: flex;
	flex-direction: column;
}
	
.page-grid-firstthird {
    display: flex;
	flex-direction: column;
}

.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}
    
.footer {
    flex-direction: column;
}
    
.footer .site_map_wrap {
    width: 100%;
}    
    
.footer .site_map_wrap .sitemap_label {
    text-align: center;
}
    
.footer .site_map_wrap .site_block a {
    text-align: center;
}    
    
.footer .logo_social_wrap {
    width: 100%;
}    
    
.footer .logo_social_wrap .foot_logo {
    width: 40%;
    height: 60px;
}    
    
.footer .contact_wrap {
    width: 100%;
}
    
.footer .contact_wrap .contact_label {
    text-align: center;
}    
    
.footer .contact_wrap .address_box {
    text-align: center;
}    
    
.footer .contact_wrap .phone_email_box {
    text-align: center;
}    
    
.form-block-nb .g-recaptcha {
    width: 46%;
}    
    
}

/************************************************************************************
	max width 720 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 720px) {

}

/************************************************************************************
	max width 667 x max height 375 - phone
*************************************************************************************/
@media screen and (max-width: 667px) and (max-height: 375px) {

.page-grid-half {
    display: flex;
	flex-direction: column;
}

.page-grid-thirds {
    display: flex;
	flex-direction: column;
}
	
.page-row-container {
    display: flex;
	flex-direction: column;
}
	
.page-grid-firstthird {
    display: flex;
	flex-direction: column;
}

.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}
	
.footer {
    flex-direction: column;
}
    
.footer .site_map_wrap {
    width: 100%;
}    
    
.footer .site_map_wrap .sitemap_label {
    text-align: center;
}
    
.footer .site_map_wrap .site_block a {
    text-align: center;
}    
    
.footer .logo_social_wrap {
    width: 100%;
}    
    
.footer .logo_social_wrap .foot_logo {
    width: 40%;
    height: 60px;
}    
    
.footer .contact_wrap {
    width: 100%;
}
    
.footer .contact_wrap .contact_label {
    text-align: center;
}    
    
.footer .contact_wrap .address_box {
    text-align: center;
}    
    
.footer .contact_wrap .phone_email_box {
    text-align: center;
}    
    
.form-block-nb .g-recaptcha {
    width: 46%;
}    
    
.portfolio_wrap .porfolio_box {
    width: 100%;
}    
 
.detail_wrap .photo_side .main_image .top_bar .return_btn {
    width: 70%;
}    
 
.form-block-nb .g-recaptcha {
    width: 51%;
}    
    
}

/************************************************************************************
	max width 640 x max height 360 - S5 / S7
*************************************************************************************/
@media screen and (max-width: 640px) and (max-height: 360px) {

}

/************************************************************************************
	max width 600 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 600px) {

}

/************************************************************************************
	max width 568 x max height 320 - phone
*************************************************************************************/
@media screen and (max-width: 568px) and (max-height: 320px) {

#hp-tagline2 {
    font-size: 1.2em;        
}    

#hp-tagline {
    font-size: 2em;        
    letter-spacing: -1px;
}    
    
.product_box {
    flex-direction: column;
}    

.product_box:nth-child(even) {
    flex-direction: column;
}    
    
.product_image {
    width: 100%;
}
    
.form-block-nb .g-recaptcha {
    width: 59%;
}    
    
.header .topbar .contact_phone .main_phone .phone {
    font-size: 1em;
}    
    
.product_detail {
    width: 100%;
}
    
}

/************************************************************************************
	max width 480 - tablet / phone
*************************************************************************************/
@media screen and (max-width: 480px) {

.page-grid-half {
    display: flex;
	flex-direction: column;
}

.page-grid-thirds {
    display: flex;
	flex-direction: column;
}
	
.page-row-container {
    display: flex;
	flex-direction: column;
}
	
.page-grid-firstthird {
    display: flex;
	flex-direction: column;
}

.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}
	
.header .topbar .contact_phone .fas {
    display: none;
}    
	
.header .topbar .contact_phone {
    width: 36%;
}
 
.header .topbar .top_logo {
    width: 38%;
    margin-top: 53px;
}    
    
.header .topbar .mobile_nav_btn {
    padding: 10px 14px 0px 0px;
}
  
#hp-titlebox {
    max-width: 100%;
}    
    
#hp-tagline2 {
    font-size: 1.2em;        
}    

#hp-tagline {
    font-size: 2em;        
    letter-spacing: -1px;
}    
    
.footer {
    flex-direction: column;
}
    
.footer .site_map_wrap {
    width: 100%;
}    
    
.footer .site_map_wrap .sitemap_label {
    text-align: center;
}
    
.footer .site_map_wrap .site_block a {
    text-align: center;
}    
    
.footer .logo_social_wrap {
    width: 100%;
}    
    
.footer .logo_social_wrap .foot_logo {
    width: 40%;
    height: 60px;
}    
    
.footer .contact_wrap {
    width: 100%;
}
    
.footer .contact_wrap .contact_label {
    text-align: center;
}    
    
.footer .contact_wrap .address_box {
    text-align: center;
}    
    
.footer .contact_wrap .phone_email_box {
    text-align: center;
}    
    
.form-block-nb .g-recaptcha {
    width: 46%;
}    
    
.portfolio_wrap .porfolio_box {
    width: 100%;
}    
 
.detail_wrap .photo_side .main_image .top_bar .return_btn {
    width: 70%;
}    
 
.form-block-nb .g-recaptcha {
    width: 81%;
}    
    
.form-block .form-row {
    flex-direction: column;
}    
    
.form-block .form-row .form-label {
    width: 100%;
    text-align: left;
    padding: 0px 0px 5px 5px;
}    
    
.form-block .form-row .form-input {
    width: 100%;
    height: 34px;
}    
    
.form-block {
    padding: 2% 2% 64px 2%;
}    
    
.product_box {
    flex-direction: column;
}    

.product_box:nth-child(even) {
    flex-direction: column;
}    
    
.product_image {
    width: 100%;
}
    
.product_detail {
    width: 100%;
}
    
}

/************************************************************************************
	max width 414 - phone
*************************************************************************************/
@media screen and (max-width: 414px) {

.header .topbar .contact_phone {
    width: 39%;
}    
    
.page_top_image {
    padding: 15px 2% 20px;
}    
 
h1 {
     height: auto;
}    
    
}

/************************************************************************************
	max width 400 - phone
*************************************************************************************/
@media screen and (max-width: 400px) {

}

/************************************************************************************
	max width 390 - phone
*************************************************************************************/
@media screen and (max-width: 390px) {

}

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

}

/************************************************************************************
	max width 375 x max height 812 - iPhone X 
*************************************************************************************/
@media screen and (max-width: 375px) and (max-height: 812px) {

.header .topbar .contact_phone {
    width: 41%;
}    
    
.header .topbar .top_logo {
    width: 43%;
    margin-top: 60px;
}    
    
.detail_wrap .photo_side .main_image .top_bar .return_btn {
    display: none;
}    
    
.form-block-nb .g-recaptcha {
    width: 92%;
}    
    
.detail_wrap .photo_side .main_image {
    grid-template-columns: 20% 60% 20%;
}
    
}

/************************************************************************************
	max width 375 x max height 667 - phone
*************************************************************************************/
@media screen and (max-width: 375px) and (max-height: 667px) {

}

/************************************************************************************
	max width 360 - phone
*************************************************************************************/
@media screen and (max-width: 360px) {

}

/************************************************************************************
	max width 360 x max height 740 - S8
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 740px) {

.form-block-nb .g-recaptcha {
    width: 94%;
}        

.header .topbar .contact_phone .main_phone .phone {
    font-size: 1em;
}    
    
}

/************************************************************************************
	max width 360 x max height 640 - S5 / S7
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 640px) {

.hp_default_wrap .feature_wrap .feature_block .block_headline {
    height: auto;
    margin-bottom: 15px;
}

.contact_wrap .office_block {
    padding: 5px;
}    

    
}

/************************************************************************************
	max width 320 - phone
*************************************************************************************/
@media screen and (max-width: 320px) {

h1 {
    font-size: 1.4em;
}    
 
.product_detail {
    width: 100%;
}
 
.form-block-nb .g-recaptcha {
    width: 100%;
}    
    
}

/************************************************************************************
	max width 320 x max height 568 - phone
*************************************************************************************/
@media screen and (max-width: 320px) and (max-height: 568px) {

h1 {
    font-size: 1.4em;
}    

.product_detail {
    width: 100%;
}
    
.form-block-nb .g-recaptcha {
    width: 100%;
}    
    
}