/*	--------------------------------------------------
	:: Media queries
	-------------------------------------------------- */

@media screen and (max-width: 1520px) {
    .wrapper                     
    {
        width:95%; 
        position:relative; 
    }
    .main-left {
        flex: 6;    
    }    
    .main-right {
        flex: 4;
    }
}

@media screen and (max-width: 1023px) {
    .wrapper                     
    {
        width:85%; 
    }
    .main
    {
        display:block;    
    }
    .main-left {
        width: 100%;    
        padding:0 0 50px;
    }    
    .main-right {
        width: 90%;
    }
}

@media screen and (max-width: 980px) {
    .productOverview { margin-right:0 !important; }
}

@media screen and (max-width: 639px) {
    .progress-bar li.visited { display:none; }
    p { font: normal normal 300 13px/18px eric_lgt; }
    .productOverview .formRow ul,
    #guaranteeDetails li { font: normal normal 300 13px/18px eric_lgt; }
    h2 { font:normal normal normal 20px/28px eric_med; }
    .productOverview h2 { font: normal normal bold 16px/20px eric_bld; }
    .progress-bar li a { font: normal normal normal 12px/14px eric_bld; }
    .progress-step { padding: 16px 10px; }
    .box { padding:10px; }
    .summary-details p strong { width:auto; }
}

@media screen and (max-width: 600px) {
    .keyline { max-width:280px; margin-left: -24px; }
    .groupedRequiredField { max-width:280px; }
    .formInputsInline { width:100%; }
    .requiredField { padding-right:0; }
    textarea { width:270px; }
    th { display:none; }
    td { display:block; }
    td span { display:block; }
    .main-center #content { width: 280px; }
    .main-center .buttons { flex-direction: column; align-items: center; }
    .main-center .buttons::after { content: none; }
    .logo img { width: 80px; }
}