/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 1, 2019, 3:25:45 PM
    Author     : gasper
*/

@media screen and (max-width: 1250px){
    .navbar-brand{
        width: 200px;
    }

    .cartOverViewImage img {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .navbar-brand img{
        max-width: 100%;
    }

    .navbar .navbar-nav>li>a {
        padding: 15px 11px;
    }

    .navigationShop img{
        margin-left: 0px;
    }

}

@media screen and (max-width: 1065px){
    .navbar-brand>img {
        display: block;
        width: 80%;
    }
    .navbar-toggle .icon-bar{
        background-color: #ffffff;
    }

    .navbar .navbar-nav>li>a {
        font-size: 13px;
        text-align: center;
        padding: 10px 11px;
    }

    .landing1 .card1{
        width: 335px;
    }

    .navbar{
        background: #111b25;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: fit-content;
    }

    .navigationShop{
        display: none !Important;
    }

    .slide-wrap{
        margin-top: 15vh;
    }


    .socialLogoLeft{
        display: none;
    }

    .subpageHeader{
        height: 25vh;
    }

    .shopStepsContainer {
        margin-top: 60px;
    }

    .header{
        display: none;
    }

    .header-mobile{
        display: block;
        background-position: center;
        background-size: cover;
        height: 95vh;
        text-align: center;
    }

    .headerContentMobile img{
        max-width: 100%;
        max-height: 200px;
        margin: 0 auto;
    }

    .headerContentMobile h2{
        margin-top: 20vh;
        font-size: 30px;
        text-align: center;
        font-weight: 700;
    }

    .headerContentMobile h3{
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 30px;
        text-align: center;
    }

    .headerContentMobile button{
        width: 70%;
        height: 38px;
        border-radius: 19px;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
        background-color: #cb5612;
        font-size: 14px;
        color: #ffffff;
        font-weight: 700;
        border: 1px solid #cb5612;
        transition: .3s;
        margin-bottom: 30px;
    }

    .headerContentMobile button:hover{
        background: none;
    }

    .navigationRent{
        width: 200px;
        left: 50%;
        margin-left: -100px;
    }

    .slick-dots{
        bottom: -25px;
    }

    .productsBody{
        padding-left: 20px;
        padding-right: 20px;
    }

    .categoryImg{
        height: 105px;
    }

    .navigationTop{
        font-size: 8px;
        padding-top: 10px;
    }

    .socialLogoMobile{
        margin-top: 20px;
        display: block;
    }

    .socialLogoMobile img{
        width: 20px;
        margin-bottom: 15px;
        transition: .3s;
    }

    .socialLogoMobile img:hover{
        opacity: 0.8;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        padding: 0;
        margin-right: 0px;
        margin-top: 15px;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .navbar{
        padding: 10px;
        margin-top: 28px;
    }


    .mobileCartShop{
        display: block;
        width: 38px;
        height: 38px;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
        background-color: #343441;
        border-radius: 50%;
        margin-top: 2px;
        transition: .3s;
        position: absolute;
        right: 45px;
        text-align: center;
    }

    .mobileCartShop img {
        margin-top: 11px;
    }

}  

@media screen and (max-width: 991px){
    .productsContainer .breadCrumbs{
        margin-top: 70px;
    }

    .productsBody .text{
        font-size: 12px;
    }

    .productTitle{
        margin-top: 30px;   
    }

    .productContainer section{
        padding-left: 30px;
        padding-right: 30px;
    }

    .productImageNav img{
        height: 70px;
    }

    .productsSidebar{
        margin-top: 12vh;
    }

    .productContainer .breadCrumbs{
        margin-top: 0px;
    }


    .calendarContainer{
        width: 100%;
        left: 0;
        margin-left: 0px;
    }

    .calendar.left {
        margin-left: 18%;
    }

    .calendar.right {
        border: none;
        padding-left: 0px;
        margin-left: 18%;
    }

    .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
        padding: 2px;
        font-size: 15px;
    }

    .reservationTitle{
        font-size: 30px;
    }


    .multi-steps > li{
        font-size: 10px;
    }

    .landing3 .section1 img{
        max-width: 100%;
        margin-bottom: 30px;
    }

    .landing3 .section2 img{
        max-width: 100%;
        margin-bottom: 30px;
    }

    .landing3 .section3 img{
        max-width: 100%;
        margin-bottom: 30px;
    }

    .landing3 .section4 img{
        max-width: 100%;
        margin-bottom: 30px;
    }
    
    .landing3 .section5 img{
        max-width: 100%;
        margin-bottom: 30px;
    }

    .landing3 .section2{
        margin-top: -30px;
    }

    .landing3 .section3{
        margin-top: -30px;
    }

    .landing3 .section4{
        margin-top: 0px;
        margin-bottom: -90px;
    }

    .referenceImage1{
        margin-top: 0px;
    }

    .referenceImage2{
        margin-top: 0px;
    }

    footer p {
        padding-left: 20px;
    }

    footer ul {
        list-style: none;
        margin-top: 20px;
        margin-bottom: 50px;
    }

}

@media screen and (max-width: 778px){
    .landing1 .card1 {
        width: 290px;
    }

    .navbar-brand>img {
        display: block;
        width: 55%;
    }

    .navbar{
        padding: 10px;
        margin-top: 28px;
    }

    .productCard .productBody {
        padding-top: 18px;
        padding-left: 15px;
        padding-right: 5px;
    }


    .productButton1{
        width: 100%;
    }


    .cartOverViewProductPrice {
        margin-top: 30px;
    }

    .productsSidebar {
        margin-top: 20px;
    }

    .navbar-brand{
        width: 80%;
    }

    .cartStepBack{
        margin-bottom: 10px;
    }

    .cartButton2{
        width: 100%;
    }

    .subpageHeader {
        height: 20vh;
    }


    .productSidebarShowMore{
        display: block;
        border-bottom: 1px solid #a6a8ac33;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .productSidebarShowMore img{
        width: 20px;
        float: right;
        transform: rotate(180deg);
        border: none;
        margin-top: -10px;
        cursor: pointer;
    }

    .productsSidebar section{
        display: none;
    }

    .productCard{
        height: 230px;
    }

    .productCard .productImg{
        height: 130px;
    }

    iframe{
        width: 100%;
        height: 200px;
    }

    .showSearchInputBox{
        display: none;
    }

    .showSearchInputMobile{
        display: block;
        position: absolute;
        top: 20px;
        right: 100px;
    }

    .searchContainer{
        right: 0;
        width: 100%;
        background: #111a25;
    }


    .categoryCard div {
        font-size: 11px;
    }

    .productsBody {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .categoryImg{
        margin-top: 10px;
    }
    
    .categoryImg{
        background-size: 70px !Important;
    }
    
    .productCard h3{
        font-size: 10px;
        height: 40px;
    }
    
    .productCard .additional{
        font-size: 10px;
    }
    
    
    .productCard .shopButton {
        width: 20px;
        height: 20px;
        background-color: #343441;
        border-radius: 50%;
        float: right;
        margin-top: -3px;
    }
    
    .productCard .shopButton img {
        margin-left: 5px;
        margin-top: -6px;
        transition: .3s;
        width: 10px;
    }
    
    .productCard .shopButton.landingShopButton img{
        margin-top: 6px;
    }
    
    .showSearchInputBox{
        display: none;
    }

}

@media screen and (max-width: 650px){
    .landing1 .card1 {
        width: 100%;
        margin-bottom: 40px;
    }

    .navbar-collapse{
        border: none;
    }
}