@media only screen and (min-width: 980px) { 
    
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
        height:calc(100vw / 6);
        position: relative;
        overflow: visible;
    }

    #sb_instagram.sbi_col_6 .sbi_photo_wrap {
        height:calc(100vw / 6);
        position: absolute;
        width: 100%;
    }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(2) .sbi_photo_wrap {
        top:-20px;
        left:-20px;
        z-index: 10;
        width: calc(100% + 40px);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        height: calc(100% + 40px);
    }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(2) .sbi_photo_wrap .sbi_photo { height: 100% !important; }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(3) .sbi_photo_wrap {
        top:-5px;
        left:0px;
        z-index: 9;
        width: calc(100% + 0px);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        height: calc(100% + 10px);
    }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(3) .sbi_photo_wrap .sbi_photo { height: 100% !important; }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(5) .sbi_photo_wrap {
        top:-15px;
        left:-15px;
        z-index: 11;
        width: calc(100% + 30px);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        height: calc(100% + 30px);
    }

    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(5) .sbi_photo_wrap .sbi_photo { height: 100% !important; }
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item .sbi_photo_wrap .sbi_photo:hover {opacity: 1 !important;}

}

@media only screen and (max-width: 1480px) { 
    .wrapper {
        max-width: 1240px;
        width:100%;
        margin:0 auto;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 980px) { 
    
    footer #ta_menu, #nav-main, footer #ta_address { display:none; }
    
    h2.adal {
        padding: 0 0px 0px 0;
        margin: 40px 0 0px;
        width: 100%;
    }
    
    footer .item {
        width:50%;
    }
    
    footer #ta_Getintouch {
        text-align: right;
        width:50%;
    }
    
    footer:after {
        display: none;
    }

    #hamborgari, #mobilemenu {
        display:block;
    }
    
    .hdr-logo {
        text-align: center;
    }
    
    .flex-viewport {
        height: 470px !important;
    }
    
    
}

@media only screen and (max-width: 880px) {
    
    .vara {
        text-align: center;
    }
    
    article.varan .texti {
        float: right;
        width: calc(100% - 0px);
    }
    
    .mask-img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0 auto;
    }
    
    article.varan {
        width: calc(50% - 4px);
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
    }
}

@media only screen and (max-width: 650px) { 
    
    
    .vorur_fordsida {
        width:100%;
        margin-top: 20px;
    }
    
    .vorur_fordsida .eitt, .vorur_fordsida .tvo, .vorur_fordsida .thrju, .vorur_fordsida .fjorir {
        width: calc(25% - 7px);
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    article.varan{
        margin-bottom: 100px;
        height: auto;
        float: left;
    }
    
    .vara_mynd {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    
    .vara {
        max-width: 100%;
        margin-top: 10px;
    }
    
    .flex-viewport {
        height: 470px !important;
    }
    
    article.varan .texti {
        float: right;
        width: calc(100% - 0px);
        text-align: center;
        margin-top:10px;
        position: relative;
        z-index: 10;
    }
    
    article.varan {
        width: calc(100% - 0px);
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
    }
    
    article.varan .texti h3 {
        padding-top: 0;
    }
    
    h3.instagram {
        float:left;
        text-align: center;
        font-size: 20px;
        width: 100%;
    }
    
    h3.instagram a { 
        display: block;
        clear: both;
        font-size: 26px;
        font-weight: 700;
    }
    
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item:nth-child(2) .sbi_photo_wrap {
        top: -20px;
        left: 0px;
        z-index: 10;
        width: calc(100% + 0px);
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
        height: calc(100% + 40px);
    }
    
    .siteinfo, .samfes {
        line-height: normal;
        padding:10px 0;
        text-align: center;
        width: 100%;
    }
    
    .entry-images {
        display: inline-block;
        width: 100%;
        max-width: 430px;
    }
    
    .entry-summary {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        float: right;
        margin-bottom: 60px;
    }
    
    .single_add_to_cart_button {
        min-width: calc(100% - 171px);
    }
    
 
}

@media only screen and (max-width: 479px) {
    
    .flex-viewport {
        height: 460px !important;
    }
    
    footer .item {
        width:100%;
        text-align: center;
    }
    
    footer #ta_Getintouch {
        text-align: center;
        width:100%;
    }  
    
}

@media only screen and (max-height: 560px) {
    .menu.open ul {
        top:50px;
    }  
    
    .menu ul li a {
        font-size: 24px;
    }
    
}

@media only screen and (max-height: 440px) { 
    .flex-viewport {
        height: 420px !important;
    }
}

@media only screen and (max-height: 360px) { 
    .sambandsupp {
        display: none;
    }
}