/*
    RESPONSIVE LAYOUT

    01/06/2017

*/

@media all and (max-width: 1200px){
    /* homepage 2017 */

    .sse__banner .cb_content{
        padding:100px;
    }

    .home__brands .content_block{
        width:25%;
    }
    #footer .powernav_container ul{
        width: 33.333%;
        padding-bottom: 25px;
    }

}

@media all and (min-width: 1024px){
    .videobanner .sse__banner .cb_inner > a{
        background-image: none !important;
    }
}

@media all and (max-width: 1024px){

    /*general*/

    .maxed{
        min-width:0;
    }
    .wrapper{
        width:100%;
    }
    .cols_2{
        display:flex;
        flex-direction: row-reverse;
        flex-wrap:wrap;
    }
    .search_page_content{
        width:100%;
    }
    .cols_2 .c1, .search_page_content .col-1of4{
        width:30%;
        float:none;
        display:inline-block;
        box-sizing:border-box;
        margin-left:0;
        padding: 20px;
        height: auto !important;
    }
    .cols_2 .c2, .search_page_content .col-3of4{
        width:70%;
        float:none;
        display:inline-block;
        box-sizing:border-box;
        height: auto !important;
    }

    table{
        display:block;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    img{
        max-width:100%;
    }

    /* header + nav */

    body{
        padding-top:150px;
    }
    .wigwam--about{
        right:30px;
    }
    .sub_nav{
        display:none;
    }
    .header__burger-mob.open, .header__burger-mob.open:after, .header__burger-mob.open:before{
        border-color:#f3f3f4
    }
    .wigwam .header__burger-mob.open, .wigwam .header__burger-mob.open:after, .wigwam .header__burger-mob.open:before {
        border-color: #FFF;
    }
    .header__burger-mob{
        display: block;
        right: 30px;
        z-index: 10;
    }
    .header__top{
        padding: 0 30px;
    }
    .header__logo{
        left:30px;
    }
    .sticky .logo--sigma{
        top:13px;
    }
    .header__search{
        margin-right:50px;
    }
    #header.sticky .header__search{
        margin-right:50px;
    }
    .header__search input{
        width:150px;
    }
    #header.sticky .header__burger{
        display:none;
    }
    .wigwam .sub_nav, .nav{
        position:fixed;
        top:0;
        left:100%;
        width:50%;
        height:100%;
        background: #7b0671;
        z-index:5;
        transition: .2s;
        padding-top:100px;
        overflow:auto;
    }
    .wigwam .sub_nav{
        background: #022b66;
        padding:0;
        padding-top:100px;
        text-align:left;
        transition: .2s;
        display:block;
    }
    .wigwam .sub_nav li{
        display:block;
        border-bottom: 1px solid #0769a8;
    }
    .sigma .nav{
        background: #db002a;
    }
    .nav__item{
        position:relative;
    }
    .nav.nav--open, .wigwam .sub_nav.nav--open{
        left:50%;
    }
    .nav__item--lvl1{
        display:block;
        background: #7b0671;
        border-bottom: 1px solid #9c4494;
    }
    .sigma .nav__item--lvl1{
        background: #db002a;
        border-color: #ff022e;
    }
    .sigma .nav > .nav__item a{
        color: #FFF;
    }
    .nav__item--lvl1 a{
        color: #bd83b8;
        line-height: 60px;
    }
    .nav__expand{
        position:absolute;
        top:16px;
        right:30px;
        display:block;
        height:30px;
        width:30px;
        background: url(/AppImages/nav-arrow.png);
        background-position:center;
        background-size: contain;
        transition: .3s;
    }
    .sigma .nav__expand{
        border-color: #FFF;
    }
    .nav__item--parent.open > .nav__expand{
        transform-origin: center 10px;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        top:25px;
    }
    .nav__item--lvl1 > .nav__children, .nav__folder{
        position:static;
        width:100%;
        padding:0;
    }
    .nav__children--lvl1 li, .nav__children--lvl1 ul{
        width:100%;
	box-sizing:border-box;
    }
    .nav__folder {
        display:block;
    }
    .nav__item--parent.open > .nav__children{
        display:block;
    }
    .nav__item--lvl2{
        margin:0;
        padding: 0 25px;
        background: #95388d;
        width:100%;
    }
    .sigma .nav__item--lvl2{
        background: #ff022e;
    }
    .nav__item--lvl2 .nav__expand{
        display:none;
    }
    .nav__item--lvl2 a{
        font-size:18px;
        padding: 0 25px;
        line-height: 60px;
        border-bottom: 1px solid #9c4494;
        margin:0;
        color: #FFF;
    }
    .nav__folder:last-child li:last-child a{
        border-bottom: none;
    }

    /* new homepage 2017 */

    .sse__banner .cb_title {
        font-size: 65px;
    }
    .sse__banner h2 {
        font-size: 32px;
    }
    .sse__contact{
        display:block;
    }
    .callout--contact a{
        padding: 35px 20px;
    }
    .sse__notices .dynamic_callout_container, 
    .sse__notices .content_block{
        padding: 35px 20px;
    }
    .sse__callouts .home--c3{
        width:100%;
    }
    .callout--notice{
        width:100%;
    }
    .sse__projects{
        border:none;
        border-top: 2px solid #cccccc;
        border-bottom: 2px solid #cccccc;
    }
    .callout--notice .cb_secondary_image{
        width:50%;
        display:inline-block;
    }
    .callout--notice .cb_html{
        width:50%;
        display:inline-block;
        padding-right:20px;
        box-sizing:border-box;
        vertical-align:top;
    }

    /* landing items */

    .landing__slider .content_block{
        width:25%;
    }

    /* news */

    .module_list_item_wrapper{
        font-size: 0;
        margin: 0 -10px;
    }

    .module_list_item_wrapper .module_list_item{
        float:none;
        vertical-align:top;
        display:inline-block;
        margin:0;
        height: auto;
        width:33.33333333%;
        padding: 0 10px 10px;
        box-sizing:border-box;
    }
    .module_list_item_image{
        border:none !important;
        height: auto;
    }
    .module_list_item_image img{
        width:100%;
    }
    .module_detail_title{
        width: auto;
        float:none;
    }
    .module_list_item_date{
        font-size:12px;
    }
    .pager{
        font-size: 12px;
    }
    .module_image_gallery{
        margin:0 0 20px 0;
    }
    .module_image_gallery_list{
        width:100%;
        height: auto !important;
    }

    /* case studies */
    .casestudy_list_primary_image{
        margin-right:15px;
    }

    .case_study_callout, .sse__notices .news-callout{
        width:100%;
        max-width:400px;
        margin: 0 auto;
    }

    .casestudy_list_item_content{
        width: 100%;
        float:none;
        margin:0;
    }
    .casestudy_list_item_fields{
        overflow-y: hidden;
    }

    /*products - categories*/

    .product_category_list{
        font-size:0;
        margin: 0 -15px 30px;
    }
    .cat_wrapper{
        height: auto !important;
        width:33.33333333%;
        display:inline-block;
        vertical-align:top;
        padding:0 15px;
        margin:0 0 15px;
        float:none;
        box-sizing: border-box;
    }
    .cat_wrapper.last{
        padding:0 15px;
    }
    .cat_wrapper .product_category_image{
        height: auto;
    }
    .cat_wrapper .product_category_image img{
        width:100%;
    }

    /* products - product detail */

    .gallery_wrapper{
        max-width: 100%;
    }
    .main_gallery_image .galleria_wrapper img{
        max-width: 100%;
    }
    .product__cols{
        font-size:0;
        margin: 0 -10px;
    }
    .product__cols>div{
        box-sizing:border-box;
    }
    .product_c1{
        width: 45%;
        margin:0;
        float:none;
        display: inline-block;
        vertical-align:top;
        font-size:12px;
        padding: 0 10px;
        margin-bottom:20px;
    }
    .product_c2{
        width: 55%;
        margin:0;
        float:none;
        display: inline-block;
        vertical-align:top;
        font-size:12px;
        padding: 0 10px;
    }

    /*products used - products*/

    .product_category_list_dryHire {
        margin: 0;
    }
    .product_category_list_dryHire div.row{
        padding: 15px 0;
    }
    .product_category_list_dryHire div.row:after{
        content: '';
        display:block;
        clear:both;
    }
    .product_category_list_dryHire .product_details{
        width: calc(100% - 120px);
        font-size:12px;
    }
    .product_category_list_dryHire .product_details .description{
        margin-bottom:0;
    }
    .product_category_list_dryHire .prodCode{
        float:none;
        min-height: 0;
        vertical-align:top;
        margin-bottom:5px;
    }
    .product_category_list_dryHire h2{
        float:none;
        display:block;
    }

    /* Vacancies */

    .vacancy_list_wrapper .module_list_item{ 
        width:100%;
    }

    .vacancy_list_wrapper .module_list_item_content{ 
        font-size:12px;
    }

    /* FORM BUILDER */

    .field_cont textarea{
        width: 100%;
        box-sizing: border-box;
    }
    .field_cont .text_med input, .field_cont .text_med textarea{
        max-width:100%;
    }

    /* footer */
    #footer{
        margin: 0 -25px;
    }
    #footer ul{
        padding: 0 25px;
    }

}

@media all and (max-width: 768px){

    .wigwam--about{
        right:20px;
    }
    .nav{
        width:100%;
    }
    .nav.nav--open, .wigwam .sub_nav.nav--open{
        width:100%;
        left:0;
    }

    .header__logo{
        left:20px;
    }
    .header__top{
        padding: 0 20px;
    }
    .header__burger-mob{
        right:20px;
    }

    .maxed{
        min-width:0;
    }
    .wrapper{
        width:100%;
    }
    .cols_2 .c1, .search_page_content .col-1of4{
        width:100%;
    }
    .cols_2 .c2, .search_page_content .col-3of4{
        width:100%;
    }

    /* new homepage 2017 */

    .sse__banner{
        height:450px;
    }
    .sse__banner .cb_inner > a{
        height:450px;
    }

    .sse__banner .cb_content{
        padding: 75px 100px;
    }

    .sse__banner .cb_title {
        font-size: 50px;
    }
    .sse__banner h2 {
        font-size: 22px;
    }
    
    .home__brands .content_block{
        width:33.33333%;
    }
    .home__brands .home--c2{
        width:100%;
    }

    /* product - product detail */

    .product_c1{
        width: 100%;
    }
    .product_c2{
        width: 100%;
    }

    /* search */

    .search_page_options input[type=text]{
        width:50%;
    }
    .search_page_options select{
        width:50%;
    }

    /* footer */

    .wrapper_footer{
        padding-bottom:0;
    }

    #footer{
        margin: 0 -25px;
    }
    #footer ul{
        padding: 0 25px;
    }
    #footer .powernav_container ul{
        width:50%;
        margin-bottom:50px;
    }

    .landing__slider .content_block{
        width:33.333%;
    }

}

@media all and (max-width: 550px){
    .header__search .button{
        margin-left:0px;
    }
    table tr{
       display:block;
       margin-bottom:10px;
    }
    table tr td{
       display:block;
    }
    .cols_2 .c2 {
        padding: 20px 10px;
    }
    
    .form_content_wrapper{
        padding:10px;
    }
    .Body-C1 img{
        display:block;
        float:none !important;
        margin-bottom:10px;
    }
    
    .header__logo{
        left:10px;
    }
    .header__top{
        padding: 0 10px;
    }
    .header__burger-mob{
        right:10px;
    }

    /* new homepage 2017 */
    .home--pad{
        padding: 30px 10px;
    }
    .sse__banner{
        height:365px;
    }
    .sse__banner .cb_inner > a{
        height:365px;
    }
    .sse__banner .cb_content{
        padding: 45px 60px;
    }

    .sse__banner .cb_title {
        font-size: 30px;
    }
    .template--home h2, .template--landing h2{
        font-size: 30px;
    }
    .sse__banner h2{
        font-size: 22px;
	margin-bottom:20px;
    }
    .wigwam .sse__banner .slick-dots{
    	height:20px;
    }
    .template--home h3 .template--landing h3{
        font-size: 18px;
    }
    .home__brands .home--c2, .home__news, .home__projects{
        padding: 35px 20px;
    }
    .footer__social h2{
        font-size: 30px;
        display:block;
        margin-right:0;
    }
    .footer__icons{
        display:block;
    }

    .callout--notice .cb_secondary_image{
        width:100%;
    }
    .callout--notice .cb_html{
        width:100%;
        padding-right:0px;
    }

    .slick-arrow{
        height: 35px;
        width:35px;
    }
    .slick-arrow:after{
        height: 15px;
        width:15px;
        top:10px;
    }
    .slick-prev:after{
        left:14px;
    }
    .slick-next:after{
        right:14px;
    }

    .slick-dots li, .landing__slider .slick-dots li{
       position:static;
       display:inline-block;
       margin: 10px 0 5px 0;
       list-style-type:none;
    }
    .home__brands .slick-dots li{
       position:static;
       display:inline-block;
       margin: 15px 0 5px 0;
       list-style-type:none;
    }

    .home__brands-items{
        margin: 0 -10px;
    }
    .home__brands .content_block{
        width:50%;
        padding: 0 10px;
    }

    /* news */

    .module_list_item_wrapper{
        margin: 0 -5px;
    }

    .module_list_item_wrapper .module_list_item{
        float:none;
        vertical-align:top;
        display:inline-block;
        margin:0;
        height: auto;
        width:50%;
        padding: 0 5px 10px;
        box-sizing:border-box;
    }

    .landing__slider .content_block{
        width:50%;
    }

    /* products - categories */
   
    .product_category_list{
        margin: 0 -5px;
    }
    .cat_wrapper, .cat_wrapper.last{
        width:50%;
        padding: 0 5px;
        border:none;
    }
    .cat_wrapper .product_category_image img{
        max-width:100%;
    }

    .product_category_list .clear{
        display:none;    }

    /* products used - products*/

    .product_category_list_dryHire .product_details{
        position:relative;
    }

    .product_category_list_dryHire .product_details .description{
        margin-bottom:25px;
    }

    .product_category_list_dryHire .product_details a.view{
        position:absolute;
        bottom: 0;
        right:0;
    }
    .product_category_list_dryHire .product_category_image{
        margin-right:10px;
    }

    /* vacancies */

    .vacancy_list_wrapper .module_list_item{ 
        width:100%;
    }

    /* footer*/
    #footer{
        margin: 0 -20px;
    }
    #footer ul{
        box-sizing:border-box;
    }
    .wrapper_footer{
        padding: 35px 20px;
    }

}
@media all and (max-width: 450px) {
    .sticky .logo--sigma{
        height:15px;
        top:18px;
    }
    .wigwam--about{
        top:45px;
        right:20px;
    }
    .wigwam--about img{
        display:inline;
    }
    .sse__banner a img{
        width:40px;
    }
    .search_page_options input[type=text]{
        width:100%;
    }
    .search_page_options select{
        width:100%;
    }
    #footer .powernav_container ul{
        width: 100%;
        margin:0;
    }
}

@media all and (max-width: 375px){

    iframe{
        max-width: 100%;
    }
    .sse__banner a img{
        display:inline;    
    }
    img{
        float:none;
        display:block;    
    }
    
    .sse__banner .cb_content{
        padding: 40px;
    }
    .slick-arrow{
        height: 35px;
        width:35px;
    }
    .slick-arrow:after{
        height: 15px;
        width:15px;
        top:9px;
    }
    .slick-prev:after{
        left:12px;
    }
    .slick-next:after{
        right:12px;
    }

    .landing__slider .content_block{
        width:100%;
    }

    /* news */
    .module_list_item_wrapper .module_list_item{
        width:100%;
    }

    /*case studies*/
    .casestudy_list_item .casestudy_list_primary_image{
        float:none;
        margin-bottom:20px;
    }

    /*products - categories*/

}
@media all and (max-width: 450px){
    .logo--sse.logo--sticky{
        width: 40px;
        overflow:hidden;
    }
    .logo--sse.logo--sticky img{
        max-height:none;
        width: 175px;
        max-width: none;
    }
}
@media all and (max-width: 375px){
    .cat_wrapper, .cat_wrapper.last{
        width:100%;
        border:none;
    }
}

@media all and (max-width: 350px){
    .cat_wrapper, .cat_wrapper.last{
        width:100%;
        border:none;
    }
}