@media all and (min-width:320px) and (max-width:991px) {
.fHeader1 .navbar-header .fMainMenu ul li, .fHeader1.set .navbar-header .fMainMenu ul li {
padding:0; text-align:left;
}
#fCurrentExhibition .currentExi .fModuleContent ul li div.fGalleryText {
min-height:auto
}
#fShows .text-right {
text-align:left
}
#fFooter .top-footer .row div.col-md-3:first-child {
width:100%
}
#fFooter .top-footer .row div.col-md-3 {
width:100%;
margin:22px 0
}
}
@media (max-width:480px) {
#fTesti .testimonial .bx-wrapper .bx-controls-direction a.bx-next {
right:-1px
}
#fTesti .testimonial .bx-wrapper .bx-controls-direction a.bx-prev {
left:-1px
}
}
@media all and (min-width:320px) and (max-width:767px) {
header .fLogo ul li a.fGalleryImage {
padding:0
}
#fCurrentExhibition .fGalleryItem {
margin:15px 0
}
#fCurrentExhibition .currentExi .fModuleContent ul li div.fGalleryText {
max-height:203px;
padding:10px 15px
}
header.fHeader1.set {
padding:9px 0
}
.fHeader1.set .navbar-header .navbar-toggle {
margin-top:3px
}
.fHeader1 .navbar-header .navbar-toggle {
margin-top:3px
}
.btn-exi {
margin-right:11px;
padding:9px 5px
}
#fCurrentExhibition .exhi-but {
margin-top:0
}
.exhi-but .btn-cur, .exhi-but .btn-exi {
margin-bottom:18px
}
#fContentPost h3, .fModuleTitle h3 {
margin-bottom:0
}
#fSales .sales .fModuleContent p {
font-size:1.3rem
}
#fUmfcci .umfcci .fModuleContent ul li a.fGalleryImage, #fUmfcci .umfcci .fModuleContent ul li div.fGalleryText {
float:none;
width:100%;
padding:0
}
#fUmfcci .fGalleryImage img {
width:100%
}
#fUmfcci .umfcci .fModuleContent ul li div.fGalleryText a.btn-exi {
margin-right:18px
}
#fShows .shows .content {
padding:0
}
#fShows {
padding:30px 0
}
#fShows .shows a.btn-exi {
margin-top:15px;
padding:15px 26px
}
#fFooter .top-footer .row div.col-md-3:first-child {
width:100%
}
#fFooter .top-footer .row div.col-md-3 {
width:100%
}
#fFooter ul>li {
text-align:left!important
}
#fFooter .content {
margin:18px 0
}
.fRegion .btn-cur {
margin-right:15px
}
}
@media all and (min-width:768px) and (max-width:991px) {
html {
font-size:18px
}
header.fHeader1 .fLogo {
width:38%
}
.fHeader1 .navbar-header .navbar-toggle {
margin-top:3px
}
.btn-exi {
margin-right:11px
}
#fCurrentExhibition .exhi-but {
margin-top:0
}
#fUmfcci .umfcci .fModuleContent ul li a.fGalleryImage, #fUmfcci .umfcci .fModuleContent ul li div.fGalleryText {
padding-top:0
}
#fUmfcci h3 {
margin:0;
font-size:1rem
}
#fUmfcci .umfcci .fModuleContent ul li div.fGalleryText a.btn-exi {
margin-right:15px
}
#fShows .shows a.btn-exi {
margin-top:20px
}
#fShows {
padding:20px 0 50px
}
}
@media all and (min-width:992px) and (max-width:1199px) {
.fHeader1 .navbar-header {
width:100%
}
.fHeader1 .navbar-header .fMainMenu ul li, .fHeader1.set .navbar-header .fMainMenu ul li {
padding:0
}
.fHeader1 .navbar-header .navbar-toggle {
margin-top:3px
}
.fHeader1.set .navbar-header .navbar-toggle {
margin-top:3px
}
.btn-cur, .btn-exi {
padding:10px 10px
}
#fCurrentExhibition .exhi-but {
margin-top:80px
}
#fUmfcci h3 {
margin:0
}
#fShows .shows .content {
padding:0
}
#fCurrentExhibition .currentExi .fModuleContent ul li div.fGalleryText h3 {
line-height:24px
}
}
@media (max-width:1199px) {
header .navbar-header {
position:relative
}
header.fHeader1 .fMainMenu {
position:fixed;
width:100%;
left:0;
right:0;
display:none;
text-align:center;
background:#212121;
margin-top:0;
z-index:99
}
header.fHeader1 .fMainMenu ul li {
float:none;
display:block
}
header.fHeader1 .fMainMenu ul li a {
color:#fff
}
.navbar-toggle {
display:block!important;
position:absolute;
right:0;
z-index:999
}
.fHeader1 .fMainMenu ul li, .fHeader1.set .fMainMenu ul li {
float:none;
padding:20px 0
}
.fHeader1 .fMainMenu ul li a, .fHeader1.set .fMainMenu ul li a {
color:#fff
}
header .navbar-toggle {
background:#212121
}
header .navbar-toggle .icon-bar {
background:#fff;
height:3px;
width:26px
}
#fDropShipping ul li div.fGalleryText, #fDropShipping ul li:first-child div.fGalleryText, #fDropShipping ul li:nth-child(2) div.fGalleryText {
padding:1% 10%
}
#fContentPost h3, .fModuleTitle h3 {
font-size:1.8rem
}
#fTextGrid .text_sec .fModuleTitle h3 {
font-size:3.5rem
}
}
@media (max-width:991px) {
header .fLogo {
width:30%;
display:inline-block
}
#fBanner .fBanner ul li>div.fGalleryText h1 {
font-size:2.5rem
}
#fIconGrid .icon_sec ul li {
margin-bottom:60px
}
#fIconGrid .icon_sec ul li:last-child, #fIconGrid .icon_sec ul li:nth-child(3) {
margin-bottom:0
}
#fSeller .seller ul li.col-md-2 {
width:25%;
margin-bottom:30px
}
#fSeller .seller ul li.col-md-2:last-child, #fSeller .seller ul li.col-md-2:nth-child(11) {
margin-bottom:0
}
#fDropShipping ul li:first-child div.fGalleryText, #fDropShipping ul li:nth-child(2) div.fGalleryText {
padding:0 1%
}
#fDropShipping ul li div.fGalleryText {
padding:2% 1%
}
#fFooter ul li:last-child ul li {
text-align:left
}
}
@media (max-width:767px) {
#fTextGrid .text_sec .fModuleTitle h3 {
font-size:3rem
}
#fDropShipping {
clip-path:polygon(0 0, 100% 2%, 100% 100%, 0 98%)
}
#fDropShipping ul li {
text-align:center
}
#fDropShipping ul li a.fGalleryImage, #fDropShipping ul li div.fGalleryText, #fDropShipping ul li:nth-child(2) a.fGalleryImage, #fDropShipping ul li:nth-child(2) div.fGalleryText {
width:70%;
float:none;
height:auto;
text-align:left
}
#fDropShipping ul li div.fGalleryText, #fDropShipping ul li:nth-child(2) div.fGalleryText {
padding:1.25rem
}
#fFooter ul>li {
width:33.33%;
text-align:center
}
#fFooter ul li:last-child ul li {
text-align:center
}
#fFooter ul>li ul li {
width:100%
}
#fBottomFooter, #fBottomFooter .btn_footer_right.text-right {
text-align:center!important
}
}
@media (max-width:480px) {
html {
font-size:13px
}
header .fLogo {
width:57%
}
#fBanner .fBanner ul li>div.fGalleryText {
top:20%
}
#fIconGrid .icon_sec ul li {
width:100%
}
#fIconGrid .icon_sec ul li:nth-child(3) {
margin-bottom:60px
}
#fTextGrid .text_sec.col-xs-4 {
width:100%;
border-bottom:1px dashed #fff;
padding:30px 15px
}
#fTextGrid .text_sec.col-xs-4:first-child {
padding-top:0
}
#fTextGrid .text_sec.col-xs-4:last-child {
padding-bottom:0;
border:none
}
#fDropShipping ul li a.fGalleryImage, #fDropShipping ul li div.fGalleryText, #fDropShipping ul li:nth-child(2) a.fGalleryImage, #fDropShipping ul li:nth-child(2) div.fGalleryText {
width:100%
}
}
@media (max-width:424px) {
#fBanner .fBanner ul li>div.fGalleryText h1 {
font-size:2rem
}
}