Файл: CloudBox-main/doc/css/revolution_style.css
Строк: 89
/*********************************************************************************************
- SET
THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE
-
**********************************************************************************************/
/* - THE BANNER CONTAINER (Padding, Shadow, Border etc. ) - */
.bannercontainer
{
padding:5px;
background-color:#fff;
width:890px;
position:relative;
position:relative;
margin-left:auto;
margin-right:auto;
}
.banner{
width:890px;
height:490px;
position:relative;
overflow:hidden;
}
.bannercontainer-simple
{
padding:5px;
background-color:#fff;
width:890px;
position:relative;
position:relative;
margin-left:auto;
margin-right:auto;
}
.banner-simple{
width:890px;
height:490px;
position:relative;
overflow:hidden;
}
.fullwidthbanner-container{
width:100%
!important;
position:relative;
padding:0;
margin: 65px 0 0
0;
max-height:606px !important;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthabnner {
width:100%
!important;
max-height:450px !important;
position:relative;
}
.fullwidthbanner-container img{ max-width:none !important}
@media
only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width:750px; height:412px;}
}
@media only screen and (min-width: 480px) and
(max-width: 767px) {
.banner, .bannercontainer { width:470px;
height:258px; }
}
@media only
screen and (min-width: 0px) and (max-width: 479px) {
.banner,
.bannercontainer { width:310px;height:170px; }
}