/*  Responsive Style Sheet
    19 December 2015
*/



/* first breakpoint is (full width of current .inner-wrapper - 1px) + (new padding *2) */
@media only screen and (max-width : 1289px) {
    .slider_inner, body.slider-limit .slider_inner, .slider_inner .caption,
    .slick-slide .caption h2, .slick-slide .caption p,
    .inner-wrapper { width: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    section:not(.slider) { width: 100%; }
    body.sidemenu #page-content .inner-wrapper, body.sidemenu section:not(.slider) { padding-right: 30px; }
    body.sidemenu #slider-arrows-wrapper .slick-next { right: 30px; }
    header .inner-wrapper { padding: 0 20px; }
    h1 { left: 355px; }
    .outer-wrapper[class*="bg"] { padding-top: 20px; padding-bottom: 20px; }
    .slider_inner, body.slider-limit .slider_inner,
    .slick-slide .caption h2, .slick-slide .caption p    { padding: 0; }
    #slider-arrows-wrapper .slick-next { right: 20px; }
    #slider-arrows-wrapper .slick-prev { right: 70px; }
    footer a.toplink { right: 20px; }
    .topmenu.right { right: 20px; }
    blockquote.quoted { padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }    
    /* slider has fixed height - images are left aligned and crop right */
    .slider_inner .slick-slide img { width: 100%; width: auto; height: 350px; position: relative; left: 50%; 
    transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);}
    .slider_inner .slick-slide { overflow: hidden; } 
}



@media only screen and (max-width : 1023px) {
    .slider_inner .slick-slide img { height: 300px; }
    nav.sections ul { text-align: center; }
    nav.sections ul li { font-size: 14px; font-size: 1.4rem; margin-left: 8px; padding-left: 8px; }
    nav.sections ul li:first-child { margin-left: 0; padding-left: 0; }
    header .logo { width: 75%; min-width: 710px; left: 50%; position: relative; 
        transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }
    .clown { display: none; }
    header .inner-wrapper { overflow: hidden; }    
    h1 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 140%;
     position: absolute; bottom: 28px; margin-bottom: -20px; left: 66%; width: 391px; text-align: center; 
     transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }

}



@media only screen and (max-width : 767px) {
    nav.sections.right { position: static; width: 100%; overflow: auto; margin: 10px auto 0; text-align: center; }
    
    .col1of2-50,
    .col2of2-50,
    .col1of2,
    .col2of2 { width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .col2of2-50,
    .col2of2 { margin-top: 40px; }

    .twothirds { width: 100%; margin: 15px 0; }        
    blockquote.quoted { padding-left: 30px; }
    blockquote.quoted:before { left: 3px; }
    img.left, img.right, img.alignright, img.alignleft { max-width: 50%; height: auto; }
    
    header .logo { min-width: 300px; width: 93%; }
    h1 { font-size: 12px; font-size: 1.2rem; width: 305px; }
    nav.sections { padding: 5px 0; }
    nav.sections ul li:nth-child(2),
    nav.sections ul li:nth-child(4),
    nav.sections ul li:nth-child(5) { display: none; }
    nav.sections ul li { font-size: 12px; font-size: 1.2rem; margin-left: 10px; padding-left: 10px; }
    nav.sections ul li:first-child { margin-left: 0; padding-left: 0; } 
    .slider-wrapper { padding-bottom: 0; }
    section.section-contact iframe { height: 300px; }
    #welcome .videowrapper { float: none; margin: 20px 0; width: 100%; }
}



@media only screen and (max-width : 640px) {
    /* slider now has fixed height, otherwise would be too small */
    .slider_inner .slick-slide img { width: auto; height: 250px; }
    h1 { position: relative; left: 0; font-size: 1.2rem; width: 100%; bottom: 5px; margin-bottom: 0;
        transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); }
    h2 { font-size: 30px; font-size: 3.0rem; }
    h3 { font-size: 19px; font-size: 1.9rem; }
    h4 { font-size: 16px; font-size: 1.6rem; }
    .frontdoor h1 { left: 0%;
        transform: translate(0%, 0); -moz-transform: translate(0%, 0); -webkit-transform: translate(0%, 0); }
    .frontdoor #page-content .inner-wrapper h2, 
    .frontdoor #page-content .inner-wrapper p { width: 300px; } 
    .frontdoor #page-content .inner-wrapper p { font-size: 14px; font-size: 1.4rem; }    
    
    p, li, label, table td, address { font-size: 16px; font-size: 1.6rem; }
    .news .videowrapper { width: 100%; }
    figure, figure.left, figure.right { width: 100% !important; max-width: 100%; float: none; margin: 20px 0; 
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    img.full { margin: 0 0 20px 0; }
    img.w1920 { max-width: none; width: auto; height: 250px; }
    img.w1920.centered { position: relative; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); /* to center cropped images */ }
    footer a.toplink { right: 10px; }
    footer ul.links li, footer p.copyrt { font-size: 14px; font-size: 1.4rem; }

    blockquote.left, blockquote.right { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; clear: both; margin-left: 0; margin-right: 0; }

    table td { font-size: 14px; font-size: 1.4rem; }
    
    #contact iframe { height: 250px; }
    section.section-welcome { margin-top: 0; }
    .content-block.map .col-left, 
    .content-block.map .col-right,
    .form-wrapper .col-left, 
    .form-wrapper .col-right { width: 100%; float: left; clear: both; margin: 0; padding: 0; position: static; }
    .content-block.map .col-left { padding-top: 20px; }
    .content-block.map .col-left br:not(:nth-last-of-type(-n+3)) { display: none; }
    .form-wrapper .col-right { margin-bottom: 20px; padding: 10px; }
	
	.sasesp-item img { width: 100%; padding: 20px; }
    .sasesp-item:nth-child(1n) { width: 100%; margin: 0 0 30px; }
}



@media only screen and (max-width : 480px) {
    .inner-wrapper { padding-left: 10px; padding-right: 10px; }
    body.sidemenu #slider-arrows-wrapper .slick-prev { right: 70px; }
    body.sidemenu #page-content .inner-wrapper, body.sidemenu section:not(.slider) { padding-right: 45px; }
    header .inner-wrapper { padding: 0 10px; }
    .outer-wrapper[class*="bg"] { padding-top: 10px; padding-bottom: 10px; }
    .slick-slide .caption { padding: 10px; margin-top: 0; }
    .topmenu > li:first-child { padding-top: 10px; }
    body .inner-wrapper .logo { max-width: 90%; width: 100%; }
    body.slider-caps-bottom .slick-slide .caption { padding: 10px; }
    .slick-slide .caption h2 { font-size: 24px; font-size: 2.4rem; }
    .slick-slide .caption p { font-size: 14px; font-size: 1.4rem; }
    #slider-arrows-wrapper .slick-next { right: 10px; }
    #slider-arrows-wrapper .slick-prev { right: 60px; }
    .slider_inner .slick-slide img { height: 200px; }
    .slider_inner ul.slick-dots { padding: 2px 10px; }
    .half, .quarter, .third { width: 100%; margin: 15px 0; }
    main#page-content { padding-bottom: 180px; }
    footer { height: 146px; margin-top: -180px; }
    
    img.mob-hide { display: none; }
    .more-div { max-height: 0; }
    .more-expand { display: inline-block; }
    section .more-div p:last-of-type { margin-bottom: 20px; }
    
    footer ul.links li { padding-right: 10px; }
    footer ul.links li,
    footer p.copyrt { font-size: 12px; font-size: 1.2rem; }
    footer .logo.long { width: 75%; min-width: 250px; }
    footer .logo.tall { max-width: 55px; height: auto; margin-right: 10px; }
    .social + .social, .social + span, span + .social { margin-left: 8px; }
	.sasesp-grid { margin-top: 0; }
}