@media only screen and (max-width: 1500px) {
    .about-header{
        height: 720px;
    }
    .about-about-text {
        margin-top: 10%;
    }
    .about-img {
        margin-left: 20%;
    }
}

@media only screen and (max-width: 1200px) {
    .row { padding: 0 2%; }
    .home-header,
    .collectiios-newYork-header {
        background-position: center;
    }

        /* HOME About section  */
    .swanLake-about,
    .newYork-about,
    .paris-about {width: 100% !important;
    overflow: hidden !important;
    margin: 0 0;}

    .home-collections {height: 100vh;}
    .swanLake-collection-hover,
    .newYork-collection-hover,
    .paris-collection-hover{opacity: 1;} 
    .gmaps {
        width:520px;
        height:390px;
    }

}

/* From small tablets to big tablets */
@media only screen and (max-width: 1023px) {

    .gmaps {
        width:440px;
        height:330px;
    }
    
    .logo { height: 80px;}
    section { padding: 60px 0;}


    /***********************************/
    /* Navigation Bar */
    /***********************************/
    .mobile-nav-icon {display:  block;}

    .about-about-text {
        margin-top: 2%;
    }

    .main-nav { 
        float: left;
        margin-top: 25px;
        margin-left: 35vw;
        display: none;
    }

    .main-nav li {
        display: block;
    }

    .main-nav .col-menu-padding {
        padding: 0;
    }

    .main-nav li a:link,
    .main-nav li a:visited {
        display:block;
        border: 0;
        padding: 10px 0;
        font-size: 100%;
    }

    .sticky .main-nav { margin-top: 10px;}

    .sticky .mobile-nav-icon ion-icon { 
        color: black;
        margin-top: -20px;
    }


    /* Collections Menu */
    .sticky .collections-menu,
    .collections-menu{
        background-color: rgba(0,0,0,0);
        position: relative;
        opacity: 1;
        text-align: left;
        min-width: 180px;
        border: none;
        box-shadow:none;
        right: 0%;
        z-index: 1;
        display: none;
        margin-left: -20px;
    }

    .sticky .collections-menu {
        min-width: 100px;
    }

    .collections-menu li a{
        color: white !important;
        font-size: 95% !important;
        display: block;
        margin-top: 8px;
        margin-left: 14px;
        padding-bottom: 5px;
    }



    .sticky .collections-menu li a {
        color: #000 !important;
    }

     
}

@media only screen and (max-width: 834px) {
    .gmaps {
        width:400px;
        height:300px;
    }
    .logo { height: 75px;}
    * { font-size: 13px;}
    section { padding: 50px 0;}
    .col { width: 100%;}
    
    .collection-intro-box {
        width: 350px;
    }

    .box {
        padding: 1%;
    }

    .images img{
        margin-right: 3vw !important;
        margin-left: 3vw !important;
        width: 94vw !important;
    }
    .big_row,
    .medium_row {
        max-width: 100vw;
    }

    .center-line::after {
        margin: 0 auto;
        margin-top: 14px;
        margin-bottom: 20px;
    }

    /* HOME ABOUT */
    .home-about-photo,
    .about-img  {
        width: 80vw;
        height: auto;
        transform: translateX(0%);
        margin-left: 9vw;
        }

    .about-about-text-mobile{
        
        display: block;
        text-align: center;
    }
    .about-about-text-mobile p{
        margin-top: -10px;
        margin-bottom: 10px;
        width: 80vw;
        transform: translateX(9vw);
    }

    .home-about-text-mobile{
        display: block;
        text-align: center;
        margin-top: 0;
        width: 60vw;
        margin: 0 20vw 5vh auto;
    }

    .about-about-text,
    .home-about-text {
        display: none;
    }

    .collections-swanLake-header{
        background-image: -webkit-gradient(
            linear,
            left top, right bottom,
            rgba(0, 181, 204, 0.12),
            rgba(0, 180, 204, 0.1)), 
            url(/recources/img/swan_lake/swan_2_inv.png);
        background-image: linear-gradient(
            to right bottom,
            rgba(0, 181, 204, 0.12),
            rgba(0, 180, 204, 0.1)),  
            url(/recources/img/swan_lake/swan_2_inv.png);
    }

    .collections-newYork-header {
        background-image: -webkit-gradient(
            linear,
            left top, right bottom,
            from(rgba(150, 45, 34, 0.1)),
            to(rgba(138, 34, 23, 0.05))), 
            url(/recources/img/newYork/forCollections/new_york_1_size.png);
        background-image: linear-gradient(
            to right bottom,
            rgba(150, 45, 34, 0.1),
            rgba(138, 34, 23, 0.05)), 
            url(/recources/img/newYork/forCollections/new_york_1_size.png);
        background-position: 0% 0;
    }

    .collections-paris-header {
        background-image: -webkit-gradient(
            linear,
            left top, right bottom,
            from(rgba(0, 0, 0, 0.2)),
            to(rgba(0, 0, 0, 0.2))), 
            url(../img/1.jpg);
        background-image: linear-gradient(
            to right bottom,
            rgba(48, 48, 48, 0.2),
            rgba(48, 48, 48, 0.2)), 
            url(../img/paris/paris_8.jpg);
    }

    
}


/* Small phones to small tablets */
@media only screen and (max-width: 767px) {    
    section { padding: 45px 0;}
    .collection-intro-box {
        width: 270px;
    }

    .g-maps{display: none;}

    .logo { height: 65px;}

    .home-about-text {margin-top: 0;}

    .gmaps {
        width:360px;
        height:270px;
    }
        
    .main-nav { 
        margin-left: 23vw;
    }
    
}


/* Small phones from 0 to 480px */
@media only screen and (max-width: 480px) {
    section { padding: 40px 0;}
    * { font-size: 11px;}

    .collection-intro-box {
        width: 60vw;
        margin-left: 5vw;
    }

    .logo { height: 45px !important;}
    
    .main-nav { 
        margin-left: 26vw;
    }

    .nav-row {
        max-width: 90% !important;
        margin-left: 5% !important;
    }

    
    .gmaps {
        width:260px;
        height:195px;
    }

    .newYork-about{
        background-position: 50% 50% !important;
    }

    .collections-menu{
        min-width: 100px;
    }

    .collections-menu li {
        margin-left: 6px;
    }

    .collections-newYork-header {
        background-position: 67%;
    }

    /* About */
}