@charset "utf-8";

/*
-----------------------------
For 1440px or less
-----------------------------
*/
@media screen and (max-width: 1440px) {
    
    /** Header **/
    h2                                      { font-size: 1.6em;  }

    /** Column layout **/
    .column-5 .col-item			 			{ width:12%; margin-right:17.3333333333%; margin-top:20px; }
    .column-5 .col-item:nth-child(5n) 		{ margin-right:17.3333333333%; }
    .column-5 .col-item:nth-child(-n+5) 	{ margin-top:20px; }
    .column-5 .col-item:nth-child(4n) 	    { margin-right:0;  }
    .column-5 .col-item:nth-child(-n+4) 	{ margin-top:0; }
    
    /** layout banner **/ 
    .layout-banner .banner-box h2 { font-size: 1.6em;}

    /** layout-col2-icons **/
    .layout-col2-icons { padding: 40px 0;}

    /** main background **/
    #main-background img { top: 20px;}

    /** Footer **/
    #footer-wrapper     { padding: 50px 0 30px 0;}
    #footer-wrapper .social-links-toolbar { margin-right: 60px;}

    /** News **/
    #news-section       { padding: 40px 0 60px 0;}

}

/*
-----------------------------
For 1280px or less
-----------------------------
*/
@media screen and (max-width: 1280px) {

    /** Header **/
    h1                                      { font-size: 1.5em;}
    h2                                      { font-size: 1.5em;}

    /** Column layout **/
    .column-3 .col-item 					{ width:25%; margin-right:12.5%; margin-top:50px; }
    .column-3 .col-item:nth-child(3n)       { margin-right:0; }
    .column-3 .col-item:nth-child(-n+3)     { margin-top:0; }

    .column-4 								{ display:flex; flex-wrap:wrap;  }
    .column-4 .col-item			 			{ width:30%; margin-right:5%; margin-top:40px; }
    .column-4 .col-item:nth-child(4n) 		{ margin-right:5%; }
    .column-4 .col-item:nth-child(-n+4) 	{ margin-top:40px; }
    .column-4 .col-item:nth-child(3n) 		{ margin-right:0; }
    .column-4 .col-item:nth-child(-n+3) 	{ margin-top:0; }

    /** Section header **/
    .section-header                         { margin-bottom: 60px;}

    /** layout banner **/
    .layout-banner .banner-box h2           { font-size: 1.5em;}

    /** layout-col3-line **/
    .layout-col3-line .column-3 .col-item 					{ width:45%; margin-right:10%; margin-top:40px; }
    .layout-col3-line .column-3 .col-item:nth-child(3n) 	{ margin-right: 10%;}
    .layout-col3-line .column-3 .col-item:nth-child(-n+3)   { margin-top:40px; }
    .layout-col3-line .column-3 .col-item:nth-child(2n)     { margin-right: 0; }
    .layout-col3-line .column-3 .col-item:nth-child(-n+2)   { margin-top:0; }
    .layout-col3-line .column-3::before                     { left:50%;}
    .layout-col3-line .column-3::after                      { display: none;}

    /** layout-col1-box **/
    .layout-col1 .inner                     { padding: 40px 0;}

    /** layout-col2-box **/
    .layout-col2-box .inner                 { padding: 40px 0;}
    .layout-col2-box .box                   { padding: 25px 30px;}
    .layout-col2-box .box img               { width: 50px;}
    .layout-col2-box .box h2                { font-size: 1.25em;}

    /**layout-col4 **/
    .layout-col4 .inner                     { padding-top: 30px;}
    .layout-col4 .column-4 .col-item .image { width: 36px; margin-bottom:15px; }
    .layout-col4 h2                         { font-size: 1.25em;    }

    /** layout-vertical-list **/
    .vertical-list-text .item               { padding-bottom: 50px;}

    /** Header **/
    #nav-login-button						{ padding: 10px 45px 0 15px; height: 36px; }
    #nav-login-button::after 				{ width: 32px; height: 36px; line-height: 36px; }
    #nav-purchase-button					{ padding: 10px 15px; height: 36px;}

    /** Main **/
    .main-space                             { height: 100px;}
    .main-space.large                       { height: 180px;}
    .inner.has-padding                      { padding: 60px 0; }

    #page-nav                               { top: 90px;}
    
    /** Footer **/
    #footer-nav                             { width: 100%; margin-bottom: 50px; }
    #footer-logo                            { display: none; }
    #footer-bottom-wrapper                  { flex-wrap: wrap;}
    #footer-partners                        { margin: 20px 0 0 0; width: 100%; order: 4;}
    #footer-partners .partner-icon          { margin-right: 15px; height: 54px; }

    /** About **/
    #about #main-background img             { top: -100px; } 
    .layout-chronology .inner               { padding: 40px 0 60px 0;}

    /** Purchase **/
    .box-round 								{ border-radius: 10px;}

    .purchase-box 							{ padding: 30px 6%; margin: 0 auto 40px auto; }

    #purchase-steps							{ margin-bottom: 40px;}
    #purchase-steps .step					{ margin: 0 15px; }
    #purchase-steps .num					{ width: 64px; height: 64px; line-height: 64px; font-size: 1.5em; margin-bottom: 10px; }
    #purchase-steps .label 					{ font-size: 1em; }
    #purchase-steps .sep 					{ width: 70px; margin-top: -18px; }

    #agreement-dialog .header 				{ height: 44px; }
    #agreement-dialog .body                 { padding:20px 6%; }
    #agreement-dialog .footer 				{ padding: 15px 0 10px ;}
    #agreement-dialog .close 				{ right: 15px; }
    #agreement-dialog .fr-view 				{ font-size: 14px; }
    #agreement-dialog .fr-view h1			{ font-size: 2em; margin-bottom: 15px; }

    #purchase-profile .field-label          { margin-bottom: 20px;}

    .purchase-result svg                    { width: 110px; height: 110px; margin: 30px auto;}
    #purchase-failed svg                    { width: 90px; height: 90px; margin: 20px auto;}
}


/*
-----------------------------
For 1024px or less
-----------------------------
*/
@media screen and (max-width: 1024px) {

    /** fr-view **/
    .fr-view table th, 
    .fr-view table td                       { padding: 10px 8px;}

    /** Column layout **/
    .column-3 .col-item 					{ width:43.75%; margin-right:12.5%; margin-top:50px;  }
    .column-3 .col-item:nth-child(3n)       { margin-right:12.5%;; }
    .column-3 .col-item:nth-child(-n+3)     { margin-top:50px;  }
    .column-3 .col-item:nth-child(2n)       { margin-right:0; }
    .column-3 .col-item:nth-child(-n+2)     { margin-top:0; }

    /** Paragraph **/
    .paragraphs .paragraph                  { padding: 30px 10px;}

    /** Flickity **/
    .flickity-prev-next-button	            { width: 36px; height: 36px;}

    /** Pagination **/
    .pagination .page-item 			        { display: none;}
    .pagination .pager				        { display: flex; align-items: center; margin: 0 20px; color: #999; }
    .pagination .pager .seperator 	        { margin: 0 10px; width: auto; height: auto;}

    /** layout banner **/
    .layout-banner                          { padding-top: 60px; padding-bottom: 20px;}
    .layout-banner .carousel-cell .inner    { position: static; transform: none; margin-top: 30px; }
    .layout-banner .banner-box              { position: static; transform: none; width: 100%; max-width: none; }
    .layout-banner .flickity-page-dots      { bottom:-30px; justify-content: center; }
    .layout-banner .fr-view .button         { margin-top: 0; }
    .layout-banner .parallex-scene-offset   { width: 180%; transform: translateX(-37%); }

    /** layout-col1 **/
    .layout-col1 .inner                     { padding: 30px 0;}
    .layout-col1 .paragraph                 { margin: 40px 0;}

    /** layout-col2-icons **/
    .layout-col2-icons .text                { width: 100%; margin-bottom: 40px;}
    .layout-col2-icons .icons               { width: 90%; margin: 0 auto;}

    /** layout-col3 **/
    .layout-col3 .inner                     { padding: 60px 0;}
    .layout-col3 .column-3 .col-item .image { width: 36px; margin-bottom: 20px;}

    /** layout-vertical-list **/
    .layout-vertical-list .inner            { padding: 40px 0;}
    .vertical-list-text .item               { padding-bottom: 40px;}
    .vertical-list-text .item h3::before    { left: -40px;}
    .vertical-list-text .item::after        { left: -29px;}

    /** Main background **/
    #main-background img                    { position: static; right: unset; top: unset;  max-width:100%; max-height: 100%; }
    #index #main-background,
    #application #main-background           { text-align: center;}
    #index #main-background img,
    #application #main-background img   	{ width: 100%; }
    

    /** General page **/
    #page-header                            { padding: 120px 0 40px 0;}
    #page-header h2                         { font-size: 1.6em;}
    #page-aside                             { display: none;}

    /** Header **/
    #header-inner				            { justify-content: space-between;  }
    #header-inner h1                        { width: 90px;}
	#menu-button 				            { display: block; cursor: pointer; font-size: 1.2em; width: 36px; height: 36px; line-height: 36px; text-align: center; background: var(--title-color); border-radius: 2px; }
    #menu-button i                          { color: #fff;}

    /** Navigation **/
	#nav-wrapper 				            { z-index:1000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background: #fff; transform: translateX(-100%); transition: all .4s; }
	#nav-header                             { display: flex; padding: 20px 4%;}
    #nav-header img                         { width: 100px; }
    #nav-header #menu-close 				{ display: block; cursor: pointer; font-size: 1.2em; }
    #nav-inner	 				            { display: block; padding:0; margin:0; }
	#nav-inner ul	 			            { display: block;  }
	#nav-inner > ul				            { border-top: 1px solid #ddd;}
	#nav-inner > ul > li 		            { border-bottom: 1px solid #ddd; margin-left: 0;  }
    #nav-inner .label                       { display: block;  margin:auto; padding: 18px 4%; font-size: 1.15em; position: relative;  }
    #nav-inner .dropdown .label::after      { content: '\f107'; position: absolute; right: 4%; top: 55%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-size: 1em; transition: all .2s;}    
    #nav-inner .dropdown .label:hover::after{ transform: rotate(180deg) translateY(50%); top: 50%; }
    #nav-inner .button                      { padding: 20px 30px; height: unset; }

    #nav-inner .dropdown .menu 				{ position: static; padding-top : 0 ; display: none; }
    #nav-inner .dropdown .menu ul           { width: 100%; box-shadow: none; background: #f7f7f7; border-radius: 0; padding: 20px 4%; }
    #nav-inner .dropdown .menu li           { width: 100%; margin: 0; padding: 15px 0;}
    #nav-inner #nav-purchase,
    #nav-inner #nav-login                   { margin-left: 0 !important;}
    #nav-inner #nav-purchase-button,
    #nav-inner #nav-login-button            { display: none;}

    #nav-inner .dropdown.open .menu         { display: block;}
    #nav-inner .dropdown.open .label::after { transform: rotate(180deg) translateY(50%); top: 50%;  }

    html:has(.show-nav),
    body.show-nav				            { overflow: hidden; }
	body.show-nav #nav-wrapper 	            { transform: translateX(0) ; }

    /** Main **/
    .main-space.large                       { height: 160px;}
    .inner.has-padding                      { padding: 50px 0; }

    #page-nav								{ top: 80px; }
    #page-nav nav                           { padding: 12px 10px; }
    #page-nav nav a                         { margin: 0 20px; font-size: 1.02em;}

    /** Footer **/
    #footer-logo                            { width: 90px;}

    /** Support **/
    #support-search-form                    { margin-bottom: 30px;}
    #support-search-form [type="text"]      { height: 40px; font-size: 1em;}
    #support .col-item .image               { margin-bottom: 10px;}
    #support .col-item .image img           { width: 40px;}
    .support-notes                          { padding: 30px 0;}
    .support-notes h3                       { margin-bottom: 15px;}
    #support-list h3                        { font-size: 1.4em;}
    #support-list h4                        { font-size: 1.25em;}

    /** Resource **/         
    .resource-set                           { margin-bottom: 15px;}

    /** Contact us **/
    #contact-aside                          { width: 220px; margin-right: 5%;}

    /** About **/
    #about #main-background img             { position: absolute;  right: -50%; top: -100px; width: 130%; max-width:none; max-height:none;} 


}


/*
-----------------------------
For 920px or less
-----------------------------
*/
@media screen and (max-width: 920px) {

    /** layout-vertical-list **/
    .layout-vertical-list .inner            { padding:30px 0;   }
    .vertical-list-image                    { width: 100%; margin-bottom: 50px;    }
    .vertical-list-text                     { width: 100%; max-width: 680px;}

    /** Footer **/
    #footer-nav nav                         { width: 50%; margin-top: 30px;  }
    #footer-nav nav:nth-child(-n+2)         { margin-top: 0;}
    #footer-nav li                          { margin: 14px 0;}
    #footer-inner .toolbar                  { width: 100%;}
    #footer-copyright, #footer-credit       { display: none;}
    .chat-toolbar 						    { right: 10px; bottom:10px; }
    .chat-toolbar .switch-button			{ width:40px; height:40px; }
    .chat-toolbar .chat-buttons li          { width:40px; height:40px; }
    .chat-toolbar i                         { font-size: 1.25em;}

    #footer-bottom-wrapper                  { flex-direction: row;}

    /** News **/
    #news-section .carousel-cell           { width: 45%; }

 }


/*
-----------------------------
For 768px or less
-----------------------------
*/
@media screen and (max-width: 768px) {

    /** Column layout **/
    .column-2                               { flex-wrap: wrap;}
    .column-2 .col-item  				    { width:100%; margin-right:0; margin-top:30px; }
    .column-2 .col-item:nth-child(-n+2) 	{ margin-top:30px; }
    .column-2 .col-item:nth-child(1) 		{ margin-top:0; }

    .column-4 .col-item			 			{ width:45%; margin-right:10%; margin-top:30px; }
    .column-4 .col-item:nth-child(4n) 		{ margin-right:10%; }
    .column-4 .col-item:nth-child(-n+4) 	{ margin-top:30px; }
    .column-4 .col-item:nth-child(3n) 		{ margin-right:10%; }
    .column-4 .col-item:nth-child(-n+3) 	{ margin-top:30px; }
    .column-4 .col-item:nth-child(2n) 		{ margin-right: 0; }
    .column-4 .col-item:nth-child(-n+2) 	{ margin-top:0; }

	/** Flickity **/
	.flickity-prev-next-button				{ width: 32px; height: 32px;}

    /** layout-col2-box **/
    .layout-col2-box .inner                 { padding: 30px 0;}
    .layout-col2-box .column-2 .col-item    { width: 100%; margin: 10px 0; }
    .layout-col2-box .box                   { padding: 25px 20px;}
    .layout-col2-box .box h2                { font-size: 1.2em;}
    .layout-col2-box .box .image            { margin: 0 6% 0 2%;}

    /** layout-col2-image-text **/
    .layout-col2-image-text .image          { width: 100%; margin-bottom: 40px;  }
    .layout-col2-image-text .text           { width: 100%; max-width: 680px; }

    /** layout-col3 **/
    .layout-col3 .inner                     { padding: 40px 0; }
    .layout-col3 h2                         { font-size: 1.3em; }

    /** layout-col3-line **/
    .layout-col3-line                       { padding: 40px 0;    }
    .layout-col3-line .image                { width: 40px; margin:0 7% 15px 2%;}

    /** layout-col4 **/
    .layout-col4 .inner                     { padding: 40px 0;}

    /** Main **/
    .inner.has-padding                      { padding: 40px 0; }

    /** Footer **/
    #footer-inner .toolbar                  { width: auto;}
    #footer-partners .partner-icon          { margin-right: 10px; margin-bottom: 10px; height: 48px;}

    /** Resource **/
    .resource-category h3                   { margin-bottom: 20px;}           
    .resource-set                           { padding: 25px 6%; }
    .resource-set .info                     { width: 100%; margin-bottom: 20px; }
    .resource-set h4                        { font-size: 1.1em; margin-bottom: 15px;}
    .resource-set .resource-info            { margin-bottom: 8px;}
    .resource-set .resource-info p          { margin: 5px 0; width: 100%;}

    /** Contact us **/
    #contact-aside                          { width: 100%;}
    .extra-info-sets                        { display: flex; justify-content: space-between;  }
    .extra-info-sets .set                   { width: 45%;}


    /** Purchase **/
    .purchase-box .invoice-option           { flex-direction: column; align-items: flex-start;}
    .purchase-box .invoice-option .large    { width: 100%; justify-content: space-between;}
    .purchase-box .invoice-option .small    { margin-bottom: 12px;}
    .purchase-box .invoice-option .fix-width { width: 100%;max-width: none; margin-right: 0;}

    #purchase-profile .invoice-personal-col          { width: 100%; }
    #purchase-profile .invoice-personal-col span	 { margin-bottom: 10px;}
    #purchase-profile .invoice-personal-col input	 { width: 100%; }
    #purchase-profile .invoice-personal-col .error 	 { width: 100%; margin: 5px 0 0 0; }
}

/*
-----------------------------
For 640px or less
-----------------------------
*/
@media screen and (max-width: 640px) {

    /** Header **/
    h1                                      { font-size: 1.4em; }
    h2                                      { font-size: 1.4em; }

    /** Form **/
    form .label                             { font-size: 1.05em; }

    /** Article **/
    article .contents                       { margin: 15px 0;}

    /** Paragraph **/
    .paragraphs .paragraph                  { padding: 25px 10px;}

    /** Column layout **/
    .column-3 .col-item 					{ width:100%; margin-right:0; margin-top:40px;    }
    .column-3 .col-item:nth-child(3n)       { margin-right:0; }
    .column-3 .col-item:nth-child(-n+3)     { margin-top:40px;  }
    .column-3 .col-item:nth-child(2n)       { margin-right:0; }
    .column-3 .col-item:nth-child(-n+2)     { margin-top:40px;   }
    .column-3 .col-item:first-child         { margin-top:0 }

    .column-5 .col-item			 			{ width: 20%; margin-right:20%; margin-top:20px; }
    .column-5 .col-item:nth-child(5n) 		{ margin-right:20%; }
    .column-5 .col-item:nth-child(-n+5) 	{ margin-top:20px; }
    .column-5 .col-item:nth-child(4n) 	    { margin-right:20%;  }
    .column-5 .col-item:nth-child(-n+4) 	{ margin-top:20px; }
    .column-5 .col-item:nth-child(3n) 	    { margin-right:0;  }
    .column-5 .col-item:nth-child(-n+3) 	{ margin-top:0; }

    /** layout banner **/
    .layout-banner                          { padding-top: 48px;}
    .layout-banner .banner-box h2           { font-size: 1.4em;    }
    .layout-banner .flickity-page-dots      { bottom:-30px; }
    
    /** layout-col1 **/
    .layout-col1 .fr-view ul li 			                { width:45%; margin-right:10%; margin-top:5px;  }
    .layout-col1 .fr-view ul li:nth-child(3n)               { margin-right:10%; }
    .layout-col1 .fr-view ul li:nth-child(-n+3)             { margin-top:5px; ; }
    .layout-col1 .fr-view ul li:nth-child(2n)               { margin-right:0; }
    .layout-col1 .fr-view ul li:nth-child(-n+2)             { margin-top:0; }

    /** layout-col2-image-text **/
    .layout-col2-image-text .section                        { margin: 30px 0;}

    /** layout-col3-line **/
    .layout-col3-line .column-3 .col-item 					{ width:100%; margin-right:0; margin-top:40px;   }
    .layout-col3-line .column-3 .col-item:nth-child(3n) 	{ margin-right: 0;}
    .layout-col3-line .column-3 .col-item:nth-child(-n+3)   { margin-top:40px; }
    .layout-col3-line .column-3 .col-item:nth-child(2n)     { margin-right: 0; }
    .layout-col3-line .column-3 .col-item:nth-child(-n+2)   { margin-top:40px; }
    .layout-col3-line .column-3 .col-item:first-child       { margin-top:0 !important; }
    .layout-col3-line .column-3::before                     { display: none;}

    /** Page nav **/
    #page-nav								{ top: 60px; }
    #page-nav nav a                         { margin: 0 16px;}

    /** General page **/
    #page-header                            { padding: 100px 0 30px 0;}
    #page-header h2                         { font-size: 1.5em; }


    /** Header **/
    #header-inner                           { height: 48px;}
    #menu-button                            { width: 30px; height: 30px; line-height: 30px; font-size: 1em;}

    #nav-header img                         { width: 90px; }
    #nav-inner .label                       { font-size: 1.1em;}
    
    /** Main **/
    .main-space                             { height: 80px;}
    .main-space.large                       { height: 140px;}

    /** News **/
    #news-list li                           { flex-wrap: wrap;}
    #news-list .image                       { width: 100%; margin-left: 0;  margin-bottom: 25px; }

    /** Contact us **/
    .feedback-form                          { padding: 35px 5%; margin-bottom: 40px;}
    .feedback-form legend                   { font-size: 1.4em; margin-bottom: 30px;}

    /** About **/
    #about #main-background img             { right: -50%; top: -100px; width: 150%; } 

    /** Purchase **/
    #purchase-steps							{ margin-bottom: 30px;}
    #purchase-steps .step					{ margin: 0 8px; }
    #purchase-steps .num					{ width: 56px; height: 56px; line-height: 56px; font-size: 1.33em; margin: 0 auto; margin-bottom: 10px; }
    #purchase-steps .label 					{ font-size: .9em; }
    #purchase-steps .sep 					{ width: 30px; margin-top: -20px; }
    
    #purchase-contracts	h3					{ font-size: 1.2em;}
    #purchase-contracts li 					{ font-size: .95em;}

    #purchase-plan .form-header             { margin-bottom: 20px;}
    #purchase-plan .form-header h2          { font-size: 1.3em; }
    #purchase-plan .tabs                    { margin: 20px 0;}
    #purchase-plan .links                   { display: none;}
    #purchase-plan #spreadsheet             { margin-top: 0; font-size: 14px;}
    #purchase-plan #spreadsheet td,
    #purchase-plan #spreadsheet th 			{ padding-left: 10px; padding-right: 10px; line-height: 1.2em;}
    #purchase-plan #spreadsheet .item-name::before  { display: none;}
    #purchase-plan #spreadsheet #spreadsheet-total  { padding-left: 10px;}

    #purchase-profile fieldset              { margin-top: 20px;}
    #purchase-profile .attach-to-company-account-label  { margin-top: 0;}
    #purchase-profile .same-data-row                    { flex-wrap: wrap;}
    #purchase-profile .same-data-col                    { width: 100%; margin-top: 10px; }
    #purchase-profile .same-data-col .label             { display: none;}
    #purchase-profile .same-data-col span.button 		{ width: 30px; height: 30px; line-height: 30px; margin-right: 4px; }

    #purchase-complete .bank-account         { flex-direction: column;}
    #purchase-complete .bank-account-label   { width: 100%;}

    .purchase-result svg                    { width: 90px; height: 90px; margin: 20px auto;}
    #purchase-failed svg                    { width: 72px; height: 72px; margin: 20px auto;}

}

/*
-----------------------------
For 480px or less
-----------------------------
*/
@media screen and (max-width: 480px) {

    /** Header **/
    h1                                      { font-size: 1.4em; }

    /** Form **/
    form .row                               { flex-wrap: wrap; margin-bottom: 20px;}
    form .col						        { width:100%; margin-bottom: 20px; }
    form .col:last-child                    { margin-bottom: 0;  }
    form input[type="text"],
    form input[type="date"],
    form input[type="email"],
    form input[type="tel"],
    form input[type="password"],
    form textarea,
    form select                             { height: 36px;}
    form textarea					        { height:150px; }

    /** Column layout **/
    .column-4 .col-item			 			{ width:100%; margin-right:0; margin-top:30px; }
    .column-4 .col-item:nth-child(4n) 		{ margin-right:0; }
    .column-4 .col-item:nth-child(-n+4) 	{ margin-top:30px; }
    .column-4 .col-item:nth-child(3n) 		{ margin-right:0; }
    .column-4 .col-item:nth-child(-n+3) 	{ margin-top:30px; }
    .column-4 .col-item:nth-child(2n) 		{ margin-right: 0; }
    .column-4 .col-item:nth-child(-n+2) 	{ margin-top:30px; }
    .column-4 .col-item:first-child 		{ margin-top: 0; }

    .column-5 .col-item			 			{ width:30%; margin-right:40%; margin-top:20px; }
    .column-5 .col-item:nth-child(5n) 		{ margin-right:40%; }
    .column-5 .col-item:nth-child(-n+5) 	{ margin-top:20px; }
    .column-5 .col-item:nth-child(4n) 	    { margin-right:40%;  }
    .column-5 .col-item:nth-child(-n+4) 	{ margin-top:20px; }
    .column-5 .col-item:nth-child(3n) 	    { margin-right:40%;  }
    .column-5 .col-item:nth-child(-n+3) 	{ margin-top:20px; }
    .column-5 .col-item:nth-child(2n) 	    { margin-right:0;  }
    .column-5 .col-item:nth-child(-n+2) 	{ margin-top:0; }
    
    /** Footer **/
    #footer-bottom-wrapper                  { flex-direction: column; align-items: flex-start;}
    #footer-wrapper .social-links-toolbar   { margin-right: 0;}

    /** Social share **/
    .social-share                           { padding: 10px 0;}


    /** layout-col2 **/
    .layout-col4 .inner                     { padding: 30px 0;}
    .layout-col4 h2                         { font-size: 1.2em; }

    /** layout-col2-icons **/
    .layout-col2-icons .icons               { width: 80%;}

    /** layout-col3 **/
    .layout-col3 .inner                     { padding: 30px 0;}
    .layout-col3 h2                         { font-size: 1.2em; }

    /** Page nav **/
    #page-nav nav a                         { margin: 0 8px;}

    /** Main **/
    .inner.has-padding                      { padding: 30px 0;}

    /** News **/
    #news-section .carousel-cell            { width: 95%; }

    /** Contact us **/
    .feedback-form legend                   { font-size: 1.3em; margin-bottom: 30px;}

    /** Purchase **/
    .purchase-box .invoice-option .large .col:first-child    { margin-bottom: 10px;}
    #purchase-profile .invoice-personal-col > div	         { width: 100%; }
    #purchase-profile .row.field-address                     { flex-wrap:nowrap; margin-bottom: 0;}
    #purchase-profile .row.field-address .col.tiny		     { width: 100px; }
    #purchase-profile .row.field-address .col.large          { width: auto;}

}