/*------------------------------Navigation CSS Starts-------------------------------*/
.container {
    height:1800px;
    margin:0px auto;
    background:white;
    max-width:1200px;
    position:relative;
}

.logo {
    height:125px;
    width:290px;
    padding-top:1px;
    margin:0px auto;
    margin-bottom:2px;
    
}

#logo {
    opacity:0.8;
    filter:alpha(opacity-50);
    margin-bottom:2px;
        
}
.image-box {
    background: red;
    width: 85%;
    height: 160px;
    margin: 15px auto;
}

img {
    max-width:100%
}

.container > nav {
    width:100%;
    height:60px;
    padding-top:1px;
    padding-bottom:1px;
    background:black;
    opacity:0.8;
    filter:alpha(opacity-50);
   
}
nav ul li a h2{
    
    color:white;
}


ul {
    margin:0 auto;
}

li {
    float:left;
    display:block;
    padding-left:160px;
}

li a{
    text-decoration:none;
}



li a:hover h2{
    color:white;
    border-bottom:2px white solid;
}

h2{
    color:white;
    font-size:20px;
}

.active a h2{
    color:peachpuff;
}
/*-------------------------------Navigation CSS Ends-----------------------------------*/

/*-------------------------------Home Page CSS Begins-----------------------------------*/

.home_video{
    margin:0 auto;
    width:100%;
    height:600px;
    margin-top:2px;
}

#video {
    height:600px;
    width:100%;
    max-width:1200px;
    margin: 0 auto;
    padding-top:2px;
}

/*-------------------------------Home Page CSS Ends-----------------------------------*/

/*-------------------------------Visit Us CSS Begins-----------------------------------*/

.map {
    float:right;
    visibility:visible;
    margin-right:20%;
    margin-top:2px;
    margin-bottom:2px;
}

.directions {
    position:absolute;
    top:500;
    left:150;
}

.directions_title {
    text-align:center;
    text-decoration:underline;
}

.directions_location {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
}



.directions_phone {
    text-align:center;
}

button {
    width:200px;
    height:30px;
    background:lightgray;
    margin-left:20%;
}

iframe {
    height:600px;
    width:500px;
    visibility:visible;
}

/*-------------------------------Visit Us CSS Ends-----------------------------------*/

/*-------------------------------Collection CSS Begins-----------------------------------*/


body > div > aside {
    height:650px;
    max-width:300px;
    width:250px;
    padding-left:5px;
    margin-top:2px;
    color:white;
    background:rgba(0,0,0,.8);
    float: left;
    
    
}

.container > aside:nth-child(3) {
    width:200px;
    padding-left:15px;
    font-size:18px;
}

.collection {
    width: 56%;
    height: 30%;
    margin-top:2px;
    text-align: center;
    float: left;
}

.container > div > h3 {
    position:absolute;
    top:40%;
    left:34%;
}

.container > div > img {
    margin-left:100%;
}

.container > div > .img_collection {
    margin:0;
}

div > aside:nth-child(5) {
    max-width:300px;
    width:30%;
    height:650px;
    text-align:center;
    float: right;
    margin-bottom:2px;
    
}



div > aside:nth-child(5) > a {
    width:70%;
    height:30px;
    background:white;
    color:black;
    text-decoration:none;
    font-size:20px;
    padding:5px 30px;
}

aside > a {
    font-size:18px;
    color:white;
    text-decoration:none;
}




/*-------------------------------Collection CSS Ends-----------------------------------*/

/*-------------------------------New Arrivals CSS Begins-----------------------------------*/

.new_arrivals_content {
    height:800px;
    max-width:1200px;
    width:100%;
    margin:0 auto;
    margin-top:2px;
    background:rgba(0,0,0,.8);
}

.new_arrivals_content > div {
    width:80%;
    height:33%;
    margin:0 auto;
    margin-bottom:5px;
    margin-top:2px;

}

.new_arrivals_content > div > div {
    float:right;
    width:40%;
    height:100%;
    background:darkred;
    opacity:.8;
    padding-left:96px;
}

.new_arrivals_content > div > div > h2 {
    
    font-size:30px;
    color:white;
    text-align:center;
    margin-right:30px;
    margin-top:90px;
    border:6px solid white;
    
}

.arrival_mid_left {
    float:left
}

.arrival_mid_right {
    float:right;
}

.new_arrivals_content > div:nth-child(2) > div {
    
    width:40%;
    height:100%;
    background:darkred;
    opacity:.8;
    float:left;
    padding-left:0px
}

.new_arrivals_content > div:nth-child(2) > div > h2 {
    
    font-size:30px;
    color:white;
    text-align:center;
    margin-top:90px;
    border:none;   
}



.new_arrivals_content > div:nth-child(3) > div {
    background:white;
    opacity:.8;
    width:30%;
    float:left; 
    padding:0px;
}

.new_arrivals_content > div:nth-child(3) > div > h2 {

    color:blue;
    font-size:25px;

}
.new_arrivals_content > div:nth-child(1) {
    margin-top:5px;
}



/*-------------------------------New Arrivals CSS Ends-----------------------------------*/


/*-------------------------------Footer CSS Begins-----------------------------------*/


footer {
    margin-top:2px;
    clear: both;
    background:black;
    opacity:0.8;
    filter:alpha(opacity-50);
    min-height: 275px;
    
}

footer > div {
    max-width: 1140px;
    margin: 0 auto;
    padding: 15px;
}

footer > div > div {
    width: 25%;
    float: left;
}

footer >div > div > h3 {
    color: #fff;
    margin-bottom: 20px;
}

footer >div > div > div {
    width: 90%;
    line-height: 1.6em;
    color: #fff;
}


footer >div > div > div > a {
    color: lightgrey;
    display: block;
    margin: 10px 0;
    text-decoration:none;
}

footer > div > div > div > div > ul {
    padding: 0;
    list-style: none;
}

footer > div > div > div > div > ul > li {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: lightgray;
    margin: 1% 3%;
}

footer > div > div:nth-child(1) > div > div > p,
footer > div > div:nth-child(4) > div > p{
    margin: 18px 0;
    font-style: italic;
    font-size:12px;
}

footer > div > div:nth-child(4) > div > button {
    background: lightgray;
    margin: 25px 0;
}



@media (max-width: 768px) {

    footer > div > div {
        width: 51%;
        float: none;
        margin: 50px 0;
    }

    footer >div > div > div {
        margin-left: 5%;
    }  
    
    footer >div > div > div {
        margin-left: 5%;
        display: none;
    }
    footer > div > div {
        width: 100%;
        float: none;
        margin: 35px auto;
    }
    footer >div > div > h3 {
        padding-bottom: 10px;
        border-bottom: 1px solid lightgray;
    }
}

/*-------------------------------Footer CSS Ends-----------------------------------*/






@media (min-width:870px) and (max-width:1020px){
    li {
        padding-left:120px;
    }
}

@media (min-width:481px) and (max-width:869px){
    li {
        padding-left:80px;
    }
}

@media (min-width:282px) and (max-width:480px){
    
    
    /*-------------------------------Mobile Navigation Begins-----------------------------------*/
    
    .container {
        min-width:380px;
        max-width:400px;
    }
    
    
    .container > nav {
        height:250px;
        min-width:290px;
        width:290px;
        margin:0 auto;
    }
    
    .logo {
        margin:0 auto;
        margin-bottom:3px;
    }
    
    li {
        padding-left:60px;
       
    }
    
    /*-------------------------------Mobile Navigation Ends-----------------------------------*/
    
    /*-------------------------------Mobile Home Begins-----------------------------------*/
    
    video {
        width:290px;
        height:250px;
    }
    
    .home_video {
        margin:0 auto;
        width:290px;
        height:250px;
    }
  
    
    
    /*-------------------------------Mobile Home Ends-----------------------------------*/

    /*-------------------------------Mobile Visit Us Begins-----------------------------------*/

    .directions {
        min-width:200px;
        margin:0 auto;
        padding-left:50px;
    }
    
    body > div > div.directions > button {
        position:absolute;
        right:120;
    }

    .map {
        float:left;
        width:290px;
        height:250px;
    }

    iframe {
        width:290px;
        height:250px;
        margin:0 auto;
        padding-left:60px;
        padding-top:10px;
        visibility:hidden;
}

    .directions > h3 {
        font-size:14px;
        margin-left:auto;
        margin-right:auto;
        padding-left:50px;
}

    /*-------------------------------Mobile Visit Us Ends-----------------------------------*/

    /*-------------------------------Mobile Collection Begins-----------------------------------*/

    
    body > div > aside:nth-child(3) {
        min-width:290px;
        margin-left:33px;
        height:250px;
    }
    
     body > div > aside:nth-child(3) > a{
         text-align:center;
         padding-top:5px;
    }
    
    body > div > aside:nth-child(5) {
        min-width:290px;
        margin:0 auto;
        width:100%;
        margin-right:33px;
        height:500px;
        position:absolute;
        bottom:-1150;
        left:40;
}
    
    .collection {
        height:2321px;
        width:100%;
    }
    /*-------------------------------Mobile Collection Ends-----------------------------------*/

    /*-------------------------------Mobile New Arrivals Begins-----------------------------------*/

    .new_arrivals_content {
        width:290px;
        height:650px;
        margin:0 auto;
    }
    
    .arrival_options {
        margin:0 auto;
        margin-left:40px; 
    }
    
    .w3-content {
        margin:0;
        margin-top:80px;
    }
    
    .arrival_top {
        width:280px;
        height:200px;
        position:absolute;
        right:60;
        top:400;
        
    }
    
    .top_text {
         visibility:hidden; 
    }
    
    .mid_text {
        visibility:hidden;
    }
    
    .bottom_text {
        visibility:hidden;
    }
    
    
    .arrival_mid_right {
        width:280px;
        height:200px;
        position:absolute;
        right:60;
        top:610;
    }
    
    .arrival_mid_left {
        height:0px;
        width:0px;
    }
    
    .arrival_winter {
        width:280px;
        height:200px;
        position:absolute;
        right:60;
        top:820;
    }





    /*-------------------------------Mobile New Arrivals Ends-----------------------------------*/
    
      /*-------------------------------Mobile Footer Begins-----------------------------------*/
    
    footer {
        margin:0 auto;
        width:290px;
    }
    
      /*-------------------------------Mobile Footer Ends-----------------------------------*/
   
    
}