/************************************************************************************
smaller than 981
*************************************************************************************/

@media screen and (min-width: 1371px) {

#background{
    background-color: #000000;

}
	}

	
@media screen and (max-width: 1370px) {

#containers{
    position: absolute;
    z-index: 50;
    height: 366px;
    top: 22%;
    left: 25%;
    width: 650px;
    border: 5px solid rgba(255,255,255,0.3);
    /* border-radius: 7px; */
    /* margin-left: auto; */
    /* margin: auto; */
}
.shopimg{
    max-width: 33%;
}
}

	
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
#main-container{
   display: none;
	}
#background{
    background-color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-text-size-adjust: none;
    background-attachment: fixed;
    background-image: url(../img/image.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.pattern{
display: none;
}
.copyright dd.b{
    font-size: 7px;
}
#container{
 position: absolute;
    z-index: 50;
    top: 11%;
    left: 4%;
    width: 50%;
}
#containers{

	position: absolute;
    z-index: 50;
    top: 32%;
    left: 0%;
    border: 0px solid rgba(255,255,255,0.3);
    border-radius: 7px;
    width: 100%;
    height: 28.5%;
}



#video{
    width: 100%;
}
}