home/islapiiu/sites/forbes/css/responsive.css 0000644 00000133603 15076476215 0015444 0 ustar 00 @media (min-width: 768px) and (max-width: 1000000px) {
#header .navbar #mainNav .nav li.dropdown .dropdown-menu,#header .navbar #mainNav .nav li.open .dropdown-menu{display:block;-webkit-transition:all 300ms ease-in-out 0s;transition:all 300ms ease-in-out 0s;display:none}
#header .navbar #mainNav .nav li.dropdown:hover .dropdown-menu,#header .navbar #mainNav .nav li.open:hover .dropdown-menu{display:block}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu,#header3 .navbar #mainNav .nav li.open .dropdown-menu{display:block;-webkit-transition:all 300ms ease-in-out 0s;transition:all 300ms ease-in-out 0s;display:none}
#header3 .navbar #mainNav .nav li.dropdown:hover .dropdown-menu,#header3 .navbar #mainNav .nav li.open:hover .dropdown-menu{display:block}
#header3 .navbar #mainNav > .nav > li.active > a::after,#header3 .navbar #mainNav > .nav > li > a:hover:after{content:"";display:block;width:calc(100% - 56px);background:#fd405e;height:2px;position:absolute;bottom:8px;left:0;right:0;margin:auto;z-index:999}
#header3 .navbar #mainNav .nav li:first-child.active > a::after,#header3 .navbar #mainNav .nav > li:first-child > a:hover:after{width:calc(100% - 28px);left:0;right:auto}
}
@media (max-width: 1199px) {
#header .navbar #mainNav .nav li a{padding:0 15px;line-height:60px}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li{padding:0 15px}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:22%}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu{width:56%}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li{width:32%}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li{margin-left:2%}
#header3 .navbar #mainNav .nav li a{padding:0 15px;line-height:60px}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li{padding:0 15px}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:22%}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu{width:56%}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li{width:32%}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li{margin-left:2%}
#header3 .navbar #mainNav .nav > li.active > a::after,#header3 .navbar #mainNav .nav > li > a:hover:after{width:calc(100% - 15px)}
#header3 .navbar #mainNav .nav li:first-child.active > a::after,#header3 .navbar #mainNav .nav > li:first-child > a:hover:after{width:calc(100% - 15px)}
}
@media (max-width: 991px) {
#header .top_menus{padding-bottom:30px}
#header .top_menus .nav li a{padding:0 15px}
#header .logo_line .searchSec .searchForm{width:100%;padding-top:0}
#header .navbar{min-height:40px}
#header .navbar #mainNav .nav li a{padding:0 10px;line-height:40px;font-size:12px}
#header .navbar #mainNav .nav li.dropdown .dropdown-menu li:first-child,#header .navbar #mainNav .nav li.open .dropdown-menu li:first-child{padding-top:5px}
#header .navbar #mainNav .nav li.dropdown .dropdown-menu li:last-child,#header .navbar #mainNav .nav li.open .dropdown-menu li:last-child{padding-bottom:5px}
#header .navbar #mainNav .nav li.dropdown .dropdown-menu li a,#header .navbar #mainNav .nav li.open .dropdown-menu li a{line-height:35px}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu{padding-bottom:0}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:50%}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu{width:100%}
#header .navbar #mainNav .nav.navbar-nav > li:last-child{float:right}
#header .navbar #mainNav .nav.navbar-nav > li:last-child a{margin-top:3px}
#header3 .top_menus{padding-bottom:30px}
#header3 .top_menus .nav li a{padding:0 15px}
#header3 .logo_line .searchSec .searchForm{width:100%;padding-top:0}
#header3 .navbar{min-height:40px}
#header3 .navbar #mainNav .nav li a{padding:0 10px;line-height:40px;font-size:12px}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li:first-child,#header3 .navbar #mainNav .nav li.open .dropdown-menu li:first-child{padding-top:5px}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li:last-child,#header3 .navbar #mainNav .nav li.open .dropdown-menu li:last-child{padding-bottom:5px}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li a,#header3 .navbar #mainNav .nav li.open .dropdown-menu li a{line-height:35px}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu{padding-bottom:0}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:50%}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu{width:100%}
#header3 .navbar #mainNav .nav.navbar-nav > li:last-child{float:right}
#header3 .navbar #mainNav .nav.navbar-nav > li:last-child a{margin-top:3px}
#header3 .navbar #mainNav .nav > li.active > a::after,#header3 .navbar #mainNav .nav > li > a:hover:after{width:calc(100% - 15px)}
#header3 .navbar #mainNav .nav li:first-child.active > a::after,#header3 .navbar #mainNav .nav > li:first-child > a:hover:after{width:calc(100% - 10px)}
}
@media (max-width: 767px) {
.text_lines .text-left,.text_lines .text-right{text-align:center}
#header3{position:relative;left:0;background:#111}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li a,#header3 .navbar #mainNav .nav li.open .dropdown-menu li a{border-bottom: none;}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li, #header3 .navbar #mainNav .nav li.open .dropdown-menu li {border-bottom: none;}
#header .top_menus{padding-bottom:20px}
#header .top_menus .nav{float:none;text-align:center}
#header .top_menus .nav + .nav{margin-top:5px}
#header .top_menus .nav li{float:none;display:inline-block}
#header .logo_line{margin-bottom:0; margin-top: 30px;}
#header .logo_line .logo{text-align:center}
#header .logo_line .logo .logo_a{margin:10px 0}
#header .logo_line .searchSec .searchForm {position: relative;}
#header .logo_line .searchSec .searchForm form{position: absolute; z-index: 9999; left: -15px; bottom: -45px; width: 80%; }
#header .logo_line .searchSec .searchForm .input-group .form-control {border-bottom: none;}
#header .logo_line .searchSec .searchForm .input-group .searchIco { background: #fff; color: #fd405e;}
#header .logo_line .searchSec, #header .logo_line .searchSec > div {position: static; }
#header .logo_line .searchSec .searchForm .input-group{border-radius:0}
#header .logo_line .searchSec .searchForm .input-group .form-control{height:36px;line-height:36px}
#header .navbar .navbar-header button { text-align: right; font-size: 0;}
#header .navbar .navbar-header button.collapsed {background: transparent;}
#header .navbar .navbar-header i {font-size: 18px; color: #fd405e}
#header .logo_line .searchSec .searchForm .input-group .dropdown-menu{margin-top:0}
#header .logo_line .searchSec .searchForm .input-group .searchIco button{line-height:36px}
#header .logo_line .searchSec .wishlistCompare {position: absolute; top: 0; left: 0;z-index: 99999; padding-top: 7px; padding-bottom: 7px;}
#header .logo_line .searchSec .wishlistCompare{width:100%;margin-right:0;text-align:center;float:none}
#header .logo_line .searchSec .wishlistCompare .nav{float:none}
#header .logo_line .searchSec .cartCount{margin-top:22px}
#header .navbar #mainNav{max-height:400px;border-bottom:5px solid #fd405e;padding:0}
#header .navbar #mainNav .nav{margin:0}
#header .navbar #mainNav .nav li{clear:left}
#header .navbar #mainNav .nav li a{line-height:50px; padding: 0 15px;}
#header .navbar #mainNav .nav li.dropdown.megaMenu,#header .navbar #mainNav .nav li.open.megaMenu{position:relative}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu{position:relative;padding:15px 0 0}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:50%;clear:none}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu{width:100%;margin-top:15px}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li{float:left;clear:none;width:31%}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li{margin-left:3.5%}
#header .topFeatures .nav-justified li + li{border-left:0;margin-top:10px}
#header .navbar #mainNav .nav.navbar-nav > li:last-child{float:none;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:300px;text-align:center}
#header3 .logo_line {margin-bottom: 0;margin-top: 35px;}
#header3 .top_menus{padding-bottom:20px}
#header3 .top_menus .nav{float:none;text-align:center}
#header3 .top_menus .nav + .nav{margin-top:5px}
#header3 .top_menus .nav li{float:none;display:inline-block}
#header3 .logo_line{margin-bottom:0}
#header3 .logo_line .logo{text-align:center}
#header3 .logo_line .logo .logo_a{margin:10px 0}
#header3 .logo_line .searchSec, #header3 .logo_line .searchSec > div { position: static;}
#header3 .logo_line .searchSec .searchForm{width:100%; position: relative;}
#header3 .logo_line .searchSec .searchForm .input-group{border-radius:0}
#header3 .logo_line .searchSec .searchForm .input-group .form-control{height:50px;line-height:48px}
#header3 .logo_line .searchSec .searchForm .input-group .dropdown-menu{margin-top:0}
#header3 .logo_line .searchSec .searchForm .input-group .searchIco button{line-height:48px}
#header3 .logo_line .searchSec .wishlistCompare { position: absolute; top: 0; left: 0;z-index: 99999; padding-top: 7px; padding-bottom: 7px;}
#header3 .logo_line .searchSec .wishlistCompare{width:100%;margin-right:0;text-align:center;float:none}
#header3 .logo_line .searchSec .wishlistCompare .nav{float:none}
#header3 .logo_line .searchSec .cartCount{margin-top:22px}
#header3 .navbar #mainNav{max-height:400px;border-bottom:5px solid #fd405e;padding:0}
#header3 .navbar #mainNav .nav{margin:0}
#header3 .navbar #mainNav .nav li{clear:left}
#header3 .navbar #mainNav .nav li a{line-height:50px}
#header3 .navbar #mainNav .nav > li:first-child > a {padding-left: 10px;}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu,#header3 .navbar #mainNav .nav li.open.megaMenu{position:relative}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu{position:relative;padding:15px 0 0}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:50%;clear:none}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu{width:100%;margin-top:15px}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li{float:left;clear:none;width:31%}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li{margin-left:3.5%}
#header3 .topFeatures .nav-justified li + li{border-left:0;margin-top:10px}
#header3 .navbar #mainNav .nav.navbar-nav > li:last-child{float:none;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:300px;text-align:center}
#header3 .navbar #mainNav .nav > li.active > a::after,#header3 .navbar #mainNav .nav > li > a:hover:after{width: 0;}
#header3 .navbar #mainNav .nav li.active:first-child > a::after, #header3 .navbar #mainNav .nav > li:first-child > a:hover::after {width: 0}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li .listTitle, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li .listTitle {color: #fff;}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row, #header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li a .row {color: #fff;}
#header3 .navbar #mainNav .nav li.dropdown .dropdown-menu li a, #header3 .navbar #mainNav .nav li.open .dropdown-menu li a {color: #ccc;}
#header3 .logo_line .searchSec .searchForm form {position: absolute;z-index: 9999;left: -15px;bottom: -45px;width: 80%;}
#header3 .logo_line .searchSec .searchForm .input-group .form-control { height: 36px; background: rgba(255,255,255,0.09); border-bottom:0; line-height: 36px;}
#header3 .logo_line .searchSec .searchForm .input-group .searchIco {background: rgba(255,255,255,0.09);color: #fd405e;}
#header3 .navbar .navbar-header button.collapsed { background: transparent;}
#header3 .navbar .navbar-header button {text-align: right;font-size: 0;}
#header3 .navbar .navbar-header i { font-size: 18px; color: #fd405e;}
#header3 .logo_line .searchSec .searchForm .input-group .searchIco button {
border: none;
background: none;
text-shadow: none;
color: #fd405e;
font-size: 16px;
line-height: 35px;
width: 35px;
padding: 0;
text-align: center;
}
}
@media (max-width: 500px) {
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:100%}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li{width:100%;max-width:200px;float:none;margin:0 auto;display:block}
#header .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li,#header .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li{margin-left:auto}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.listMenu,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.listMenu{width:100%}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li{width:100%;max-width:200px;float:none;margin:0 auto;display:block}
#header3 .navbar #mainNav .nav li.dropdown.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li,#header3 .navbar #mainNav .nav li.open.megaMenu .dropdown-menu li.boxMenu .megaInnerMenu li + li{margin-left:auto}
}
@media (min-width: 768px) and (max-width: 1000000px) {
#header2 .menu .navbar #mainNav2 ul li.dropdown ul,#header2 .menu .navbar #mainNav2 ul li.open ul{display:block;-webkit-transition:all 300ms ease-in-out 0s;transition:all 300ms ease-in-out 0s;display:none}
#header2 .menu .navbar #mainNav2 ul li.dropdown:hover ul,#header2 .menu .navbar #mainNav2 ul li.open:hover ul{display:block}
#header2 .menu2 ul li{float:left}
}
@media (max-width: 1199px) {
#header2 .menu2 ul li{float:left}
#header2 .menu .navbar #mainNav2 ul li a{padding:0 9px;font-size:12px}
}
@media (max-width: 991px) {
#header2 {height: auto; padding-top: 0; padding-bottom: 10px;}
#header2 .pull-right{float: none!important}
#header2 .menu2 ul{float:none;text-align:center}
#header2 .menu:after, #header2 .menu2:after, #header2 .logo:after {content: ""; display: block;clear: both}
#header2 .menu .navbar #mainNav2 ul li a{padding:0 20px;font-size:14px}
#header2 .menu .navbar #mainNav2 ul li.dropdown ul li a,#header2 .menu .navbar #mainNav2 ul li.open ul li a{line-height:30px;font-size:11px;padding:0 30px}
#header2 .menu2 ul li{display:inline-block;float:none}
#header2 .menu2 ul li a{line-height:14px;font-size:14px}
#header2 .menu2 ul li:nth-child(3),#header2 .menu2 ul li:nth-child(4){font-size:18px}
#header2 .menu2 ul li:nth-child(3) a,#header2 .menu2 ul li:nth-child(4) a{padding:0 7px}
#header2 .menu2 {padding: 10px 0 10px;background: #F0F0F0;}
#header2 .menu2 ul li:last-child a {width: 40px;height: 20px;background-size: auto 100%;background-position: center center;}
#header2 .menu .navbar-nav > li {display: inline-block;float: none;}
#header2 .menu .navbar-nav {text-align: center; float: none;}
#header2 .menu .navbar {min-height: inherit;}
#header2 .menu .navbar #mainNav2 ul li a {line-height: 1.3em;}
#header2 .menu2 ul li:last-child a .badge { top: -7px; left: 5px;}
}
@media (max-width: 767px) {
#header2{height:auto;padding-top:0;padding-bottom:0; position: relative;}
#header2 .menu .navbar > .row{margin:0 -15px}
#header2 .menu .navbar #mainNav2{border-bottom:2px solid #fd405e}
#header2 .menu .navbar-nav {text-align: left;}
#header2 .menu .navbar-nav > li {display: block;}
#header2 .menu .navbar #mainNav2 ul li a{line-height:40px}
#header2 .menu .navbar #mainNav2 ul li.dropdown ul,#header2 .menu .navbar #mainNav2 ul li.open ul{border-bottom:2px solid #222}
#header2 .menu2 ul{float:none;text-align:center}
#header2 .menu2 ul li{display:inline-block;float:none}
#header2 .logo {padding: 6px 0 20px;}
#header2 .menu2 ul li:last-child a {
width: 15px;
height: 20px;
background-size: 18px;
background-position: center;
}
#header2 #searchForm form .input-group .form-control {
padding: 6px 20px;
font-size: 14px;
line-height: 1.1em;
height: 36px;
color: #fff;
}
#header2 #searchForm form .input-group .input-group-addon {
padding: 0 20px;
font-size: 20px;
}
#header2 .menu .navbar .navbar-header button {text-transform: uppercase; font-size: 18px ; font-family: "PT Sans"}
#header2 .menu .navbar-header {
position: absolute;
right: 0;
top: -52px;
width: 36px;
height: 36px;
}
#header2 .menu .navbar-header .navbar-toggle {padding: 10;}
#header2 .menu .navbar .navbar-header button {color: #fff; background: transparent;}
#header2 .menu .navbar .navbar-header button:hover, #header2 .menu .navbar .navbar-header button[aria-expanded="false"], #header2 .menu .navbar .navbar-header button:focus, #header2 .menu .navbar .navbar-header button[aria-expanded="true"] {
background: transparent; color:#fff;
}
#header2 .menu .navbar #mainNav2 ul li.dropdown > a::after {
content: "";
display: inline-block;
position: absolute;
right: 21px;
top: 0;
bottom: 0;
margin: auto;
height: 0;
width: 0;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 6px solid #333;
}
#header2 .menu .navbar #mainNav2 ul li.dropdown.open > a::after {
border-top: 6px solid transparent;
border-bottom: 6px solid #fff;
}
#header2 .menu .navbar-nav > li.dropdown.open > a, #header2 .menu .navbar #mainNav2 ul li a:hover, #header2 .menu .navbar #mainNav2 ul li a:focus {background: #e6dedf; color: #fff;}
}
@media (max-width: 500px) {
#header2 .menu2 ul li{float:none}
}
@media (max-width: 1199px) {
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner{padding-top:20px}
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4{font-size:18px}
#homeBanners2 .newArrivals .newArrivalsBox{top:-webkit-calc(50% - 80px);top:calc(50% - 80px)}
#homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner{padding:15px}
#homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner h3{font-size:22px}
#homeBanners2 .newArrivals .newArrivalsBox .newArrivalsBoxInner a{font-size:13px}
#homeBanners2 .newYearSale{padding:15px}
#homeBanners2 .newYearSale h2{line-height:30px}
#homeBanners2 .endYearSale{margin-top:20px}
#homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner{padding:15px}
#homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner h5{margin-bottom:5px}
#homeBanners2 .endYearSale .endYearSaleBox .endYearSaleBoxInner h2{margin-bottom:5px}
#homeBanners2 .factoryOutlet .factoryOutletBox{top:-webkit-calc(50% - 80px);top:calc(50% - 80px)}
#homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner{padding:15px}
#homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner span{font-size:13px}
#homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner h3{font-size:20px}
#homeBanners2 .factoryOutlet .factoryOutletBox .factoryOutletBoxInner a{font-size:13px}
}
@media (max-width: 991px) {
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner{padding-top:10px}
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4{font-size:16px}
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4:after{margin:10px auto}
#homeBanners2 .col-sm-4{width:50%;float:none;margin:0 auto 30px}
#homeBanners2 .col-sm-4:nth-child(2){width:100%}
#homeBanners2 .endYearSale{height:114px}
}
@media (max-width: 767px) {
#homeBanners a{display:inline-block}
#homeBanners .homeBanner{width:300px;margin:0 auto}
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner{padding-top:40px}
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4{font-size:20px}
#homeBanners .homeBanner .bannerTextArea .bannerTextAreaInner h4:after{margin:15px auto}
#homeBanners2 .col-sm-4{width:100%;max-width:345px}
}
@media (max-width: 550px) {
.sectionTitle h3{font-size:22px}
.sectionTitle h3:after{margin:12px auto}
.sectionTitle h5{font-size:13px}
}
@media (max-width: 460px) {
.sectionTitle h3{font-size:20px}
.sectionTitle h3:after{margin:11px auto}
.sectionTitle h5{font-size:13px}
}
@media (max-width: 1199px) {
.product.col-sm-3 .productInner .imgHov .hovArea{padding-top:50px}
.product.col-sm-4 .productInner .imgHov .hovArea{padding-top:50px}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-prev{left:0}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-next{right:0}
.product2.col-sm-3{width:33.33%}
}
@media (max-width: 991px) {
.product.col-sm-3{width:-webkit-calc(100% / 2);width:calc(100% / 2)}
.product.col-sm-3 .productInner .imgHov .hovArea{padding-top:120px}
.product.col-sm-4{width:50%}
.product.col-sm-4 .productInner .imgHov .hovArea{padding-top:85px}
.singleProduct .col-sm-7,.singleProduct .col-sm-5{width:100%}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-prev{left:0}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-next{right:0}
.product2.col-sm-3{width:50%}
.product2.col-sm-4{width:50%}
.product2.col-sm-4 + .product2{margin-top:0}
#featureProducts .product{ margin-bottom: 35px;}
}
@media (max-width: 767px) {
#productOnTab > .container > .row{margin:0}
.product.col-sm-3{width:50%;float:left}
.product.col-sm-4{width:320px;float:none;display:block;margin:0 auto 30px}
.product.col-sm-4 .productInner .imgHov .hovArea{padding-top:45px}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-prev{left:0}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-next{right:0}
.product2.col-sm-3{float:left}
.product2.col-sm-4{float:left}
#featureProducts .product{ margin-bottom: 30px;}
#featureProducts .product .productInner .imgHov img {max-width: 70%;}
}
@media (max-width: 580px) {
#featureProducts {padding-bottom: 0;}
#featureProducts .product {padding-bottom: 20px; border:1px solid #efefef; border-radius: 5px;}
.product.col-sm-3 .productInner .imgHov .hovArea{padding-top:80px}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-prev{left:0}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-next{right:0}
.product2.col-sm-3{width:320px;margin:0 auto 30px;float:none}
.product2.col-sm-4{width:320px;margin:0 auto 30px;float:none}
.product2.col-sm-4 .thumbnail .imgHov .hovArea .getlike{padding:0 15px}
.product2.col-sm-4 .thumbnail .productIntro .heading a{display:block}
.product2.col-sm-4 .thumbnail .productIntro .heading span{float:none;display:block}
}
@media (max-width: 500px) {
.product.col-sm-3{width:320px;float:none;display:block;margin:0 auto 30px}
.product.col-sm-3 .productInner .imgHov .hovArea{padding-top:80px}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-prev{left:0}
.singleProduct .flexslider#productImageSliderNav .flex-direction-nav a.flex-next{right:0}
}
@media (max-width: 1400px) {
.featureCats .item .imgHov .hovArea{padding-top:-webkit-calc(50% - 108px);padding-top:calc(50% - 108px)}
.featureCats .item .imgHov .hovArea h4{line-height:40px}
}
@media (max-width: 1100px) {
.featureCats .item .imgHov .hovArea{padding-top:-webkit-calc(50% - 80px);padding-top:calc(50% - 80px)}
.featureCats .item .imgHov .hovArea h4{line-height:40px}
}
@media (max-width: 999px) {
.featureCats .item .imgHov .hovArea{padding-top:-webkit-calc(50% - 110px);padding-top:calc(50% - 110px)}
.featureCats .item .imgHov .hovArea h4{line-height:40px}
}
@media (max-width: 700px) {
.featureCats .item .imgHov .hovArea{padding-top:-webkit-calc(50% - 90px);padding-top:calc(50% - 90px)}
.featureCats .item .imgHov .hovArea h4{line-height:40px}
}
@media (max-width: 600px) {
.featureCats .item .imgHov .hovArea{padding-top:-webkit-calc(50% - 120px);padding-top:calc(50% - 120px)}
.featureCats .item .imgHov .hovArea h4{line-height:40px}
}
@media (max-width: 400px) {
.featureCats .item .imgHov .hovArea{padding-top:-webkit-calc(50% - 90px);padding-top:calc(50% - 90px)}
.featureCats .item .imgHov .hovArea h4{line-height:40px}
}
@media (max-width: 1199px) {
#featureCat2 .category2:hover .imgHov .hovArea:before{border-top-width:159px;border-left-width:235px;border-right-width:235px}
}
@media (max-width: 991px) {
#featureCat2 .category2:hover .imgHov .hovArea:before{border-top-width:122px;border-left-width:180px;border-right-width:180px}
}
@media (max-width: 767px) {
#featureCat2 .col-sm-3{width:285px;margin:0 auto 20px}
}
@media (max-width: 620px) {
#testiTab{height:80px}
#testiTab li a{width:60px;height:60px}
#testiTab li a i{top:40px;font-size:14px}
#testiTab li.active a{width:80px;height:80px}
}
@media (max-width: 500px) {
#testiTab{height:80px}
#testiTab li{padding:0 5px}
#testiTab li a{width:60px;height:60px}
#testiTab li.active a{width:80px;height:80px}
}
@media (max-width: 439px) {
#testiTab{height:60px}
#testiTab li{padding:0}
#testiTab li a{width:50px;height:50px}
#testiTab li.active a{width:60px;height:60px}
}
@media (max-width: 991px) {
#brands .brands ul{width:100%}
#brands .brands ul li{padding:0 5px}
#brands .brands ul li a{line-height:50px}
}
@media (max-width: 767px) {
#brands .brands{margin:0}
#brands .brands ul{margin:0}
#brands .brands ul li{float:left;padding:0;width:25%;margin-top:-1px}
#brands .brands ul li{margin-left:-1px}
#brands2 .brands{margin:0}
#brands2 .brands ul{width:100%}
#brands2 .brands ul li{width:25%}
}
@media (max-width: 660px) {
#brands .brands ul li{width:33.33%}
#brands2 .brands{margin:0}
#brands2 .brands ul{width:100%}
#brands2 .brands ul li{width:33.33%}
}
@media (max-width: 360px) {
#brands .brands ul li{width:50%}
#brands2 .brands ul li{width:50%}
}
@media (max-width: 1199px) {
footer .topFooter .footFeatures .footFeature{padding:40px 15px}
footer .topFooter .footFeatures .footFeature .texts{padding-left:10px}
footer .topFooter .footFeatures .footFeature .texts h2{font-size:28px}
}
@media (max-width: 991px) {
footer .topFooter .footFeatures{text-align:center}
footer .topFooter .footFeatures .footFeature{width:50%;display:inline-block;float:none;padding:50px 20px}
footer .topFooter .widget{width:50%;min-height:220px}
}
@media (max-width: 767px) {
footer .copyRight .row{margin:0}
footer .topFooter .widget{float:left; min-height: inherit;}
footer .topFooter .footFeatures .footFeature { padding: 20px 20px;}
}
@media (max-width: 550px) {
footer .copyRight{text-align:center}
footer .copyRight .fleft,footer .copyRight .fright{float:none}
footer .copyRight .fright{margin-top:15px}
footer .copyRight ul li{float:none;display:inline-block}
footer .topFooter .footFeatures .footFeature{width:320px}
footer .topFooter .footFeatures .footFeature .texts h2{font-size:24px}
footer .topFooter .widget{width:320px;float:none;display:block;height:auto;margin:0 auto 20px}
}
@media (max-width: 1199px) {
#slider2 .sliderCont2 .slides .text_lines h3{font-size:24px}
}
@media (max-width: 991px) {
#slider2 .sliderCont2 .slides .text_lines h3{font-size:22px}
}
@media (max-width: 767px) {
#slider2 .sliderCont2 .slides .text_lines{height:auto}
#slider2 .sliderCont2 .slides .text_lines h3{font-size:16px}
#slider2 .sliderCont2 .flex-control-nav.flex-control-thumbs{bottom:-5px;background:#222}
}
@media (max-width: 650px) {
#slider .sliderCont .slides .text_lines{height:114px;top:-webkit-calc(50% - 57px);top:calc(50% - 57px)}
#slider .sliderCont .slides .text_lines h3{font-size:18px}
#slider .sliderCont .slides .text_lines h2{font-size:20px;margin-top:0}
#slider .sliderCont .flex-direction-nav a{height:114px;line-height:114px;margin-top:-57px}
#slider .sliderCont .flex-direction-nav a i{line-height:114px}
#slider2 .sliderCont2 .slides .text_lines h3{line-height:1.2;padding:5px 0}
#slider2 .sliderCont2 .flex-direction-nav{display:none}
}
@media (max-width: 360px) {
#slider .sliderCont .slides .text_lines h3{font-size:14px}
#slider .sliderCont .slides .text_lines h2{font-size:16px}
}
@media (max-width: 991px) {
#ourTeam .col-sm-3{width:50%}
}
@media (max-width: 991px) {
#ourTeam .col-sm-3{width:320px;margin:0 auto}
}
@media (max-width: 400px) {
#breadcrumbRow .pageTitle h4{font-size:14px}
#breadcrumbRow .pageTitle ul li{font-size:11px;font-weight:400}
}
@media (max-width: 1199px) {
#whatWeDid .tab_menu .row{margin-right:0}
}
@media (max-width: 767px) {
#whatWeDid .tab_menu .row .nav{right:auto;top:auto;text-align:center;width:100%;bottom:0}
#whatWeDid .tab_menu .row .nav li{display:inline-block}
#whatWeDid .tab_menu .row .nav li + li{margin-top:0;margin-left:5px}
}
@media (max-width: 579px) {
#whatWeDid .tab_menu .row .nav li + li{margin-left:2px}
#whatWeDid .tab_menu .row .nav li a{line-height:30px;padding:0 15px;min-width:50px;font-size:16px;font-weight:300}
}
@media (max-width: 767px) {
#hww .col-sm-4 + .col-sm-4{margin-top:30px}
}
@media (max-width: 1199px) {
#ourGreatServices .col-sm-4 .middleBox h4{margin:20px 0 10px}
#ourGreatServices .col-sm-4 .middleBox p{margin-bottom:15px}
#ourGreatServices .col-sm-4 .sideBox .imgB{padding-right:45px}
#ourGreatServices .col-sm-4 .sideBox .icoPlus img{width:45px;bottom:40px}
#ourGreatServices .col-sm-4 .sideBox .icoPlus a{padding-right:45px;line-height:40px}
#ourGreatServices .col-sm-4 .sideBox .icoPlus a span{padding:0 15px}
#contactBanner .container .row{padding:0}
#pricing .pricing .features .pricePerMonth{margin-bottom:10px}
#pricing .pricing .features .pricePerMonth span{line-height:45px}
}
@media (max-width: 991px) {
#ourGreatServices .col-sm-4 .middleBox h4{margin:0 0 5px}
#ourGreatServices .col-sm-4 .middleBox p{margin-bottom:10px;line-height:20px}
#ourGreatServices .col-sm-4 .sideBox .icoPlus img{bottom:36px}
#ourGreatServices .col-sm-4 .sideBox .icoPlus a{line-height:36px;font-size:14px}
#contactBanner .container .row{padding:0}
#pricing .pricing .features .list-group .list-group-item{font-size:13px;padding:0}
}
@media (max-width: 767px) {
#ourGreatServices .col-sm-4{float:none;display:block;padding:0;width:320px;margin:0 auto}
#ourGreatServices .col-sm-4 .middleBox{margin:20px auto}
#contactBanner .container{text-align:center}
#contactBanner .container .row{padding:0}
#contactBanner .container .row a{margin-top:15px}
#pricing .pricing{margin:0 auto;max-width:290px}
#pricing .pricing + .pricing{margin-top:20px}
#pricing .pricing.active{margin:20px auto}
#pricing .pricing:hover{margin:0 auto}
#pricing .pricing:hover.active{margin:20px auto}
}
@media (max-width: 1199px) {
#buttons .col-sm-4{width:100%;margin-bottom:15px}
#highlights .col-sm-6{width:100%;margin-bottom:30px}
#dropCaps .col-sm-6{width:100%;margin-bottom:30px}
#tabsAccordion .col-sm-6{width:100%;margin-bottom:30px}
#progressAlerts .col-sm-6{width:100%;margin-bottom:30px}
.commentBox.innerComment,.authorBox.innerComment{margin-left:130px}
.colorSelect input[type="radio"]{display:none}
}
@media (max-width: 991px) {
.commentBox.innerComment,.authorBox.innerComment{margin-left:50px}
.colorSelect input[type="radio"]{display:none}
.featuresTexts .media-left{padding-left:40px}
}
@media (max-width: 767px) {
.colorSelect input[type="radio"]{display:none}
#featuresTexts .col-sm-6:first-child .featuresTexts:last-child{margin-bottom:50px}
.featuresTexts .media-left{padding-left:15px}
}
@media (max-width: 520px) {
#shortcodeTab li a{line-height:30px;padding:0 5px;font-size:13px;font-weight:400}
.shareRow{text-align:center}
.shareRow h4{float:none}
.shareRow ul{width:100%}
.commentBox.innerComment,.authorBox.innerComment{margin-left:20px}
.colorSelect input[type="radio"]{display:none}
}
@media (max-width: 500px) {
.shareRow{text-align:center}
.shareRow h4{float:none}
.shareRow ul{width:100%}
.commentBox.innerComment,.authorBox.innerComment{margin-left:20px}
.colorSelect input[type="radio"]{display:none}
}
@media (max-width: 400px) {
.shareRow{text-align:center}
.shareRow h4{float:none}
.shareRow ul{width:100%}
.commentBox .media-body,.authorBox .media-body{width:100%;padding-left:0;padding-top:10px;display:block}
.colorSelect input[type="radio"]{display:none}
}
@media (max-width: 399px) {
#shortcodeTab li{display:block;float:none}
#shortcodeTab li + li{margin:0}
#shortcodeTab li.active a{font-weight:700}
.shortcodeTabContent .tab-pane#description .img{width:100%;margin-bottom:20px}
.shortcodeTabContent .tab-pane#description .desc{float:none;padding-left:0;width:100%}
.shortcodeTabContent .tab-pane#description .desc h5{margin-bottom:10px}
.shareRow{text-align:center}
.shareRow h4{float:none}
.shareRow ul{width:100%}
.commentBox .media-body,.authorBox .media-body{width:100%;padding-left:0;padding-top:10px;display:block}
.colorSelect input[type="radio"]{display:none}
}
@media (max-width: 1191px) {
.catalogBox{width:25%}
}
@media (max-width: 991px) {
.catalogBox{width:33.33%}
}
@media (max-width: 580px) {
.catalogBox{width:50%}
}
@media (max-width: 340px) {
.catalogBox{width:100%}
}
@media (max-width: 1191px) {
.login .loginInner .col-sm-6{width:100%}
.login .loginInner .col-sm-6 + .col-sm-6{margin-top:30px}
}
@media (max-width: 991px) {
.loginRow{width:100%}
.orderSummaryRow{width:100%;margin-bottom:30px}
.checkoutForm #billingAddress,.checkoutForm #shippingAddress{width:50%}
}
@media (max-width: 767px) {
.orderSummaryInner{padding:15px}
.checkoutForm #billingAddress,.checkoutForm #shippingAddress{float:left}
}
@media (max-width: 480px) {
.checkoutForm #billingAddress,.checkoutForm #shippingAddress{width:100%}
.checkoutForm #shippingAddressEscape{margin-bottom:20px}
}
@media (max-width: 350px) {
.login .loginInner label{font-size:13px}
.login .loginInner .accountStart h3{font-size:20px}
.orderSummaryInner{font-size:13px}
.orderSummaryInner table thead{font-size:14px}
.orderSummaryInner table tfoot tr{font-size:13px}
.orderSummaryInner table tfoot tr:last-child{font-size:14px}
.checkoutForm #billingAddress,.checkoutForm #shippingAddress{float:left}
.checkoutForm .paymentMethodMode label input + img{margin-top:15px}
}
@media (max-width: 991px) {
.cartPage .col-sm-4{width:100%}
.cartPage .col-sm-4 + .col-sm-4{margin-top:30px}
.totalCheckout{text-align:left}
.totalCheckout .descList dl dt{text-align:left}
}
@media (max-width: 767px) {
.cartTable .table tbody tr td:nth-child(2) .descList dl dt{float:left;min-width:150px}
.cartTable .table tfoot tr td a{display:inline-block}
.cartTable .table tfoot tr td a.fright{float:none;display:inline-block}
.totalCheckout .descList dl dt{float:left}
}
@media (max-width: 991px) {
.proMediaCol{width:50%;margin-bottom:30px}
}
@media (max-width: 767px) {
.proMediaCol{width:320px;margin:0 auto 30px}
}
@media (max-width: 767px) {
#welcome2furniture{padding-top:50px}
}
@media screen and (max-width: 1199px) {
#slider .sliderCont.dark .slides .text_lines {
top: calc(67% - 80px)
}
#slider .sliderCont .slides .text_lines > .container {
max-width: calc(100% - 120px);
margin: auto;
}
}
@media screen and (max-width: 991px) {
.ring_sec .diamond_j_cont {
width: 652px;
margin-left: auto;
margin-right: auto;
float: none;
position: static
}
.diamond_j_cont + .scrollmagic-pin-spacer {
padding-top: 0!important
}
.diamond_b {
margin-bottom: 220px
}
.d-carousel-cener .owl-nav > div {
margin-left: 10%;
margin-right: 10%
}
#testiTab li {
padding: 0 15px
}
.ring_sec {margin-top: 30px;}
.ring_sec.rs_withgap {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
background: none;
}
#header .logo_line .searchSec,
#header .logo_line .searchSec > div,
#header3 .logo_line .searchSec,
#header3 .logo_line .searchSec > div {
padding-right: 15px
}
#header .logo_line .searchSec .wishlistCompare:after {
content: "";
display: block;
clear: both
}
#header .logo_line .searchSec .wishlistCompare .nav {
float: none
}
#header .logo_line .searchSec .wishlistCompare .nav li {
margin-left: 10px;
margin-right: 10px
}
#header .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist {
right: -61px;
width: 320px
}
#header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist {
right: -61px;
width: 320px
}
#header3 .logo_line .searchSec .wishlistCompare:after {
content: "";
display: block;
clear: both
}
#header3 .logo_line .searchSec .wishlistCompare .nav {
float: none
}
#header3 .logo_line .searchSec .wishlistCompare .nav li {
margin-left: 10px;
margin-right: 10px
}
#header3 .navbar #mainNav .nav li a, #header3 .navbar #mainNav .nav > li:first-child > a {
padding-left: 15px;
padding-right: 15px;
}
#header3 .logo_line .searchSec .wishlistCompare .nav li.h_cart .hclist {
right: -61px;
width: 320px
}
#slider .sliderCont .slides .text_lines {
padding-left: 15px;
padding-right: 15px
}
#slider .sliderCont .slides .text_lines h4 .theme_btn {
margin-top: 0;
font-size: 12px;
padding: 0 6px;
line-height: 24px
}
#slider .sliderCont .slides .text_lines h4 {
margin-top: 5px
}
#slider .sliderCont .slides .text_lines h4 .theme_btn i {
margin-right: 0;
vertical-align: middle;
}
#slider .sliderCont .slides .text_lines > .container{
max-width: 100%;
}
#shopFeatures,
#shopRings {
padding: 20px 0 20px
}
.d-carousel-cener .dc-inner .dc-containt h2 {
margin-top: 0
}
.d-carousel-cener .owl-nav {
height: 0;
position: relative
}
body.home-2 .innerLayout {
padding-left: 0;
padding-right: 0
}
.ring_sec .diamond_j_cont {
width: 320px;
margin-left: auto;
margin-right: auto;
float: none;
position: static
}
.diamond_j {
width: 80px;
height: 60px;
background-position: left -2px top -3917px;
top: 240px
}
.diamond_b {
margin-top: 0;
margin-bottom: 80px;
height: 72px
}
.ring_cont .btn-gap {
display: block;
margin: 4px 10px
}
.d-carousel-cener.owl-carousel .owl-stage-outer {
padding-top: 0
}
.d-carousel-cener .active.center .dc-inner img {
transform: scale(1);
transition: all .3s ease
}
.d-carousel-cener .active.center .dc-inner .dc-containt {
top: -50px;
}
.d-carousel-cener .owl-nav > div.owl-prev {
margin-left: 0;
margin-right: 0;
left: 0
}
.d-carousel-cener .owl-nav > div.owl-next {
margin-right: 0;
margin-left: 0;
right: 0
}
.d-carousel-cener .owl-nav .owl-prev,
.d-carousel-cener .owl-nav .owl-next {
width: 30%;
background-position: 84%;
margin-left: 50px;
margin-right: 50px;
position: absolute;
top : -134px;
}
.d-carousel-cener .owl-nav .owl-prev:hover,
.d-carousel-cener .owl-nav .owl-next:hover {
background-position: 100%
}
.testi_rating {
display: none
}
.ring_cont {
padding-top: 30px
}
.ring_sec {
padding-bottom: 45px
}
.shopFeatures_new ul li.sf_first img {
width: 300%
}
.shopFeatures_new ul li:not(.sf_first) .sf_box h3 {
font-size: 2em;
}
.shopFeatures_new ul {
margin:0;
}
.shopFeatures_new ul li {
width: 100%;
border: none;
margin-bottom: 15px
}
.shopFeatures_new ul li .sf_box .sf_box_inner {
font-size: 14px
}
.contentRowPad {
padding: 40px 0
}
.brands ul.navbar-nav {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-content: center;
align-content: center
}
#brands .brands ul li a {
height: 100%
}
.ring_sec.home-2-ring {
margin-top: 40px
}
#header3 + #breadcrumbRow h2 {
padding-top: 0
}
#mainNav .nav li {
position: relative;
}
#mainNav .nav li.dropdown > a::after {
content: "";
display: inline-block;
position: absolute;
right: 16px;
top: 0;
bottom: 0;
margin: auto;
height: 0;
width: 0;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 6px solid #333;
}
#mainNav .nav li.dropdown.open > a::after {
border-top: 6px solid transparent;
border-bottom: 6px solid #fff;
}
#homeBlog {
padding: 40px 10px;
background-color: #f0f0f0;
}
#testiTab li {padding-left: 0; padding-right: 0;}
#brands {padding-bottom: 60px;}
#back-to-top {right: 15px; bottom: 15px; }
#back-to-top { width: 35px;
height: 35px;
line-height: 32px;
font-size: 22px;
}
#breadcrumbRow h2 {
font-size: 32px;
line-height: 86px;
height: 88px;
}
}
@media screen and (max-width: 846px) {
#banner {
padding-top: 65px;
}
}
@media screen and (max-width: 1380px) {
#head1 {
float: right;
}
}
@media screen and (max-width: 1380px) {
#head2 {
float: left;
}
}
@media screen and (max-width: 768px) {
#slider2 {
padding-top: 146px;
}
}
/*@media screen and (max-width: 768px) {
.slidernew{
padding-top: 46px;
}
}*/
/*@media screen and (max-width: 767px) {
#bannernew{
padding-top: -46px;
}
}*/
@media screen and (min-width: 1351px) {
.bnner{
padding-top: 100px;
}
}
@media screen and (max-width: 768px) {
#logo-res{
width: 70%;
margin-top: 10px;
}
}
@media screen and (max-width: 360px) {
#mobile-logo{
margin-top: 8px;
max-width: 70%;
}
}
home/islapiiu/sites/visitlanka/css/responsive.css 0000644 00000222223 15120152630 0016304 0 ustar 00 /* ----------------------------------------------------------------
Responsive CSS
-----------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.portfolio-1 .portfolio-item .portfolio-image,
.portfolio-1 .portfolio-item .portfolio-image a,
.portfolio-1 .portfolio-item .portfolio-image img {
width: 500px;
height: auto;
}
.portfolio-1 .portfolio-desc { width: 260px; }
.side-header #header { box-shadow: none; }
.boxed-slider .booking { bottom: 230px !important }
}
@media only screen and (max-width: 1199px) {
encore {
max-width: 100%;
height: auto !important;
}
.promo h3 { font-size: 20px; }
.promo > span,
.promo > .container > span { font-size: 15px; }
.promo-uppercase h3 { font-size: 19px; }
.promo-uppercase > span,
.promo-uppercase > .container > span { font-size: 14px; }
.boxed-slider .booking { bottom: 180px !important }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#wrapper { width: 1000px; }
#header.transparent-header.floating-header .container {
width: 1030px;
padding: 0 30px;
}
#header.transparent-header.floating-header.sticky-header .container {
width: 970px;
padding: 0 15px;
}
#primary-menu.sub-title ul > li > a {
padding-left: 15px;
padding-right: 15px;
}
#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { width: 940px; }
.floating-header #primary-menu ul li.mega-menu .mega-menu-content { width: 1030px; }
.ei-slider { height: 450px; }
.postcontent { width: 100%; }
.postcontent.bothsidebar { width: 63%; }
.sidebar { width: 29%; }
.sidebar .widget iframe { width: 210px !important; }
.testi-image,
.testi-image a,
.testi-image img,
.testi-image i {
display: block;
width: 36px;
height: 36px;
}
.testi-image i {
line-height: 36px;
font-size: 20px;
}
/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/
.portfolio-item { width: 226px; }
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
width: 226px;
height: 170px;
}
/* Portfolio - No Margin
-----------------------------------------------------------------*/
.portfolio-nomargin .portfolio-item { width: 234px; }
.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 234px;
height: 176px;
}
/* Portfolio - Sidebar
-----------------------------------------------------------------*/
.postcontent .portfolio-item { width: 163px; }
.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
width: 163px;
height: 123px;
}
/* Portfolio - Sidebar - No Margin
-----------------------------------------------------------------*/
.postcontent .portfolio-nomargin .portfolio-item,
.postcontent .portfolio-5.portfolio-nomargin .portfolio-item { width: 171px; }
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image img,
.postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 171px;
height: 129px;
}
.bothsidebar .portfolio-item { width: 219px; }
.bothsidebar .portfolio-item .portfolio-image,
.bothsidebar .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-item .portfolio-image img {
width: 219px;
height: 164px;
}
/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/
.portfolio-3 .portfolio-item { width: 303px; }
.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
width: 303px;
height: 227px;
}
/* Portfolio - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/
.portfolio-3.portfolio-nomargin .portfolio-item { width: 240px; }
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 240px;
height: 234px;
}
/* Portfolio - Sidebar - Items - 3 Columns
-----------------------------------------------------------------*/
.postcontent .portfolio-3 .portfolio-item { width: 219px; }
.postcontent .portfolio-3 .portfolio-item .portfolio-image,
.postcontent .portfolio-3 .portfolio-item .portfolio-image a,
.postcontent .portfolio-3 .portfolio-item .portfolio-image img {
width: 219px;
height: 164px;
}
/* Portfolio - Sidebar - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 229px; }
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 229px;
height: 172px;
}
/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/
.portfolio-2 .portfolio-item { width: 460px; }
.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
width: 460px;
height: 343px;
}
/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/
.portfolio-2.portfolio-nomargin .portfolio-item { width: 469px; }
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 469px;
height: 352px;
}
/* Portfolio - Sidebar - Items - 2 Columns
-----------------------------------------------------------------*/
.postcontent .portfolio-2 .portfolio-item { width: 335px; }
.postcontent .portfolio-2 .portfolio-item .portfolio-image,
.postcontent .portfolio-2 .portfolio-item .portfolio-image a,
.postcontent .portfolio-2 .portfolio-item .portfolio-image img {
width: 335px;
height: 251px;
}
/* Portfolio - Sidebar - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item { width: 344px; }
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 344px;
height: 258px;
}
/* Portfolio - Both Sidebars - Items - 2 Columns
-----------------------------------------------------------------*/
.bothsidebar #portfolio.portfolio-3 { margin: 0 -20px -20px 0; }
.bothsidebar .portfolio-2 .portfolio-item,
.bothsidebar .portfolio-3 .portfolio-item {
width: 210px;
margin: 0 20px 20px 0;
}
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image img,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image img {
width: 210px;
height: 158px;
}
/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item { width: 219px; }
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 219px;
height: 164px;
}
/* Portfolio - Items - 5 Columns
-----------------------------------------------------------------*/
.portfolio-5 .portfolio-item { width: 180px; }
.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
width: 180px;
height: 135px;
}
/* Portfolio - Items - 5 Columns - No Margin
-----------------------------------------------------------------*/
.portfolio-5.portfolio-nomargin .portfolio-item { width: 187px; }
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 187px;
height: 140px;
}
/* Portfolio - Items - 6 Columns
-----------------------------------------------------------------*/
.portfolio-6 .portfolio-item { width: 151px; }
.portfolio-6 .portfolio-item .portfolio-image,
.portfolio-6 .portfolio-item .portfolio-image a,
.portfolio-6 .portfolio-item .portfolio-image img {
width: 151px;
height: 113px;
}
/* Portfolio - Items - 6 Columns - No Margin
-----------------------------------------------------------------*/
.portfolio-6.portfolio-nomargin .portfolio-item { width: 155px; }
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 155px;
height: 116px;
}
/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/
.portfolio-1 .portfolio-item .portfolio-image,
.portfolio-1 .portfolio-item .portfolio-image a,
.portfolio-1 .portfolio-item .portfolio-image img {
width: 100%;
height: auto;
}
.portfolio-1 .portfolio-desc { width: 100%; }
.bothsidebar #portfolio-shuffle,
.postcontent .portfolio-1 .iconlist { display: none; }
.postcontent .portfolio-1 .portfolio-item .portfolio-image,
.postcontent .portfolio-1 .portfolio-item .portfolio-image a,
.postcontent .portfolio-1 .portfolio-item .portfolio-image img {
width: 400px;
height: 222px;
}
.postcontent .portfolio-1 .portfolio-desc {
width: 250px;
padding: 0;
}
.bothsidebar .portfolio-1 .portfolio-item { width: 100% !important; }
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {
float: none;
margin: 0 !important;
}
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-bottom: 20px !important; }
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
width: 100%;
height: auto;
}
.bothsidebar .portfolio-1 .portfolio-desc {
width: 100%;
padding: 0;
}
.bothsidebar .entry-title h2 {
font-size: 19px;
font-weight: 600;
}
.bothsidebar .entry-meta li { margin-right: 10px; }
/* Blog - Small
-----------------------------------------------------------------*/
.postcontent .small-thumbs .entry-image { width: 200px; }
.bothsidebar .small-thumbs .entry-image { width: 120px; }
/* Blog - Grid
-----------------------------------------------------------------*/
.post-grid .entry { width: 210px; }
.post-grid .entry-image,
.post-grid .entry-image img,
.post-grid:not(.post-masonry) .entry-image iframe { height: 120px; }
/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/
.post-grid.grid-3 .entry { width: 293px; }
.post-grid.grid-3 .entry-image,
.post-grid.grid-3 .entry-image img,
.post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 164px; }
/* Blog - Grid - 3 Columns - Sidebar
-----------------------------------------------------------------*/
.postcontent .post-grid.grid-3 .entry { }
.postcontent .post-grid.grid-3 .entry-image,
.postcontent .post-grid.grid-3 .entry-image img,
.postcontent .post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 120px; }
/* Blog - Grid - 2 Columns
-----------------------------------------------------------------*/
.post-grid.grid-2 .entry { width: 450px; }
.post-grid.grid-2 .entry-image,
.post-grid.grid-2 .entry-image img,
.post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 253px; }
/* Blog - Grid - 2 Columns - Sidebar
-----------------------------------------------------------------*/
.postcontent .post-grid.grid-2 .entry { width: 325px; }
.postcontent .post-grid.grid-2 .entry-image,
.postcontent .post-grid.grid-2 .entry-image img,
.postcontent .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 182px; }
/* Blog - Grid - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/
.bothsidebar .post-grid.grid-2 .entry { width: 200px; }
.bothsidebar .post-grid.grid-2 .entry-image,
.bothsidebar .post-grid.grid-2 .entry-image img,
.bothsidebar .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 113px; }
.post-timeline .entry { width: 400px !important; }
/* Blog - Medium Post List
-----------------------------------------------------------------*/
.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
width: 120px;
height: 90px;
}
.mpost .entry-image a i { line-height: 90px; }
.col_one_third .landing-wide-form .heading-block h2 { font-size: 32px; }
.col_one_third .landing-wide-form .heading-block span { font-size: 17px; }
.col_one_third .landing-wide-form { padding: 36px 30px; }
.landing-video {
width: 465px;
height: 262px;
margin: 19px 0 0 75px;
}
.panel .portfolio-meta li { padding-left: 22px; }
.panel .portfolio-meta li span {
display: block;
margin-left: -21px;
}
.portfolio-single-image-full.portfolio-single-thumbs,
.portfolio-single-image-full .swiper-container { height: 400px; }
.bnews-slider { width: 817px; }
.landing-form-overlay { bottom: -142px; }
.button.button-massive {
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 30px !important;
text-align:center !important;
line-height: 45px !important }
.button.button-massive .subtext { margin-top:0px }
.boxed-slider .booking { bottom: 180px !important }
.ribbon-25:before,
.ribbon-rewards:after,
.ribbon-card:after,
.ribbon-round-right:before,
.ribbon-round-left:before,
.ribbon-round-50-right:before,
.ribbon-round-50-left:before { display:none }
.main-header.large .booking.light { display:none !important }
.booking.light { right:-350px !important }
}
@media only screen and (max-width: 991px) { /* Tablet */
#wrapper {
width: 100%;
margin: 0;
box-shadow: none }
#header.full-header .container,
.container-fullwidth {
padding: 0 15px !important;
margin: 0 auto;
width: 750px !important }
.container.vertical-middle { width: 100% !important }
.full-screen:not(.force-full-screen) .container.vertical-middle { width: 750px !important }
.vertical-middle + .video-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0 }
.postcontent,
.postcontent.bothsidebar,
.sidebar {
width: 100%;
margin-right: 0;
float: none !important;
margin-bottom: 40px !important;
padding-bottom: 40px }
.sidebar.col_last {
float: none;
margin-bottom: 0 !important;
padding-bottom: 0;
border-bottom: 0 }
#header,
#header-wrap,
#header.sticky-style-2,
#header.sticky-style-3,
#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap { height: auto }
#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap { min-height: 60px }
#header.sticky-header #header-wrap { position: relative }
#header.transparent-header,
#header.semi-transparent {
background: #fff;
border-bottom: 0px solid #F5F5F5;
z-index: auto }
#header.dark.transparent-header,
#header.dark.semi-transparent {
background-color: #333;
border-bottom:none }
#header.sticky-header:not(.sticky-style-2) #logo img,
.dark #header.sticky-header.semi-transparent,
.dark #header.semi-transparent.floating-header,
.dark #header.semi-transparent.floating-header.sticky-header .container,
#header.dark.sticky-header.semi-transparent,
#header.dark.semi-transparent.floating-header,
#header.dark.semi-transparent.floating-header.sticky-header .container {
background-color: #333;
box-shadow: none}
#header.transparent-header.floating-header { margin-top: 0 }
#header.transparent-header.floating-header .container {
width: 750px;
padding: 0 15px;
border-radius: 0;
box-shadow:none;
background-color:#FFF }
#header.dark.transparent-header.floating-header .container {
width: 750px;
padding: 0 15px;
border-radius: 0;
box-shadow:none;
background-color:#333 }
#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#slider + #header.transparent-header,
#header.transparent-header.floating-header + #slider {
top: 0 !important;
margin-bottom: 0px !important }
#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0 }
#header-trigger,
.top-advert,
.header-extras { display: none }
#logo {
display: block;
height: 100px;
float: none;
margin: 0 auto 0 !important;
max-width: none;
text-align: center;
border: 0 !important;
padding: 15px !important }
#logo a {
display: inline-block;
/* padding-top:15px; */
}
#primary-menu ul li a:before { /* ----- Main Menu Underline settings-----*/
display:none !important }
#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a {
color: #2098D1; /* ----- Menu Hover Font Color -----*/
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
#primary-menu {
display: block;
float: none;
height: auto !important }
#primary-menu-trigger {
opacity: 1;
pointer-events: auto;
z-index: 1 }
#primary-menu .container #primary-menu-trigger {
top: 5px; }
#primary-menu > ul,
#primary-menu > div > ul {
display: none;
float: none !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
-webkit-transition: none;
-o-transition: none;
transition: none }
#primary-menu ul { height: auto !important }
#primary-menu.style-5 > ul {
padding-right: 0;
margin-right: 0;
border-right: 0 }
#primary-menu ul li {
float: none;
margin: 0 !important;
text-align: left !important }
#primary-menu ul li:first-child { border-top: 0 }
#primary-menu ul li a,
#primary-menu.style-2 > div > ul > li > a {
height: 50px !important;
line-height: 50px !important;
padding: 0 5px !important;
border: none !important;
margin: 0 !important }
#primary-menu.style-5 > ul > li > a > div {
padding: 0;
line-height: 50px }
#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
background: none !important;
margin-left: 0 }
#primary-menu.sub-title ul li a {
text-transform: none;
font-size: 14px }
#primary-menu.sub-title ul li span { display: none !important }
#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a,
#primary-menu.style-3 > ul > li:hover > a,
#primary-menu.style-3 > ul > li.current > a {
background-color: transparent !important;
color: #444;
text-shadow: none }
#primary-menu ul li i,
#primary-menu.style-2 > div > ul > li i,
#primary-menu.sub-title ul li i,
#primary-menu.style-3 > ul > li > a i,
#primary-menu.style-5 > ul > li > a i { line-height: 49px }
#primary-menu.style-5 > ul > li > a i {
display: inline-block;
top: 1px;
width: 14px;
margin: 0 6px 0 0;
font-size: 14px }
#primary-menu > ul > li.sub-menu > a,
#primary-menu > .container > ul > li.sub-menu > a {
background-image: url("../images/icons/submenu-dark.png");
background-position: right center;
background-repeat: no-repeat }
#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
position: relative;
width: auto;
background-color: transparent !important;
box-shadow: none;
border: 0;
z-index: 1;
top: 0 !important;
padding-left: 15px }
#primary-menu ul li .mega-menu-content { padding-left: 0 }
#primary-menu ul ul ul {
top: 0 !important;
left: 0 }
#primary-menu ul ul.menu-pos-invert,
#primary-menu ul li .mega-menu-content.menu-pos-invert {
left: 0;
right: 0 }
#primary-menu ul ul ul.menu-pos-invert { right: 0 }
#primary-menu ul ul li {
float: none;
margin: 0 }
#primary-menu ul ul a {
height: 34px !important;
line-height: 34px !important;
padding-left: 20px !important;
font-size: 13px !important;
text-transform: none }
#primary-menu ul ul a i { line-height: 43px; }
#primary-menu ul ul li:hover > a {
background-color: transparent !important;
padding-left: 5px }
#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content,
#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content,
.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
width: auto;
margin: 0;
top: 0 }
.container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content,
#header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
width: auto !important;
margin: 0 !important }
#primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0 }
#primary-menu ul li .mega-menu-content ul {
display: block;
position: relative;
top: 0;
min-width: inherit }
#primary-menu ul li .mega-menu-content > ul { float: none }
#primary-menu ul li .mega-menu-content ul {
display: block !important;
opacity: 1 !important;
top: 0;
left: 0 }
#primary-menu ul li .mega-menu-content.col-2 > ul,
#primary-menu ul li .mega-menu-content.col-3 > ul,
#primary-menu ul li .mega-menu-content.col-4 > ul,
#primary-menu ul li .mega-menu-content.col-5 > ul {
width: auto;
margin: 0;
border-left: 0 }
#primary-menu ul li .mega-menu-content > ul:first-child { border: 0 }
#primary-menu ul li .mega-menu-content ul a {
height: 40px;
line-height: 40px }
#primary-menu ul li .mega-menu-content ul {
width: 100%;
border: 0;
box-shadow: none;
background-color: transparent }
#primary-menu ul li .mega-menu-content.style-2 > ul { padding: 0 0 0 15px }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title { margin: 0 }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase !important;
margin: 0;
padding: 0 0 0 5px;
color: #444 !important;
height: 44px !important;
line-height: 44px !important }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
background-color: transparent;
font-weight: 600;
padding: 0 0 0 5px;
color: #0594c3 !important }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #0594c3 !important }
#primary-menu ul ul i { line-height: inherit }
#primary-menu ul li .mega-menu-content.style-2 li:first-child { border-top: 0 }
#primary-menu ul li .mega-menu-content.style-2 ul a {
padding-left: 5px;
height: 44px !important;
line-height: 44px !important }
#primary-menu ul li .mega-menu-content.style-2 ul a:hover { padding-left: 5px }
#page-menu .container { position: relative }
#page-submenu-trigger {
opacity: 1;
pointer-events: auto;
color: #FFF }
#page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0,0,0,0.2) }
#page-menu nav {
display: none;
position: absolute;
float: none;
width: 200px;
top: 43px;
left: auto;
right: 15px;
height: auto;
background-color: #0594c3;
z-index: 11 }
#page-menu.pagemenu-active nav { display: block }
#page-menu nav ul {
height: auto;
background-color: rgba(0,0,0,0.2) }
#page-menu nav li { float: none }
#page-menu nav li a {
height: 40px;
line-height: 40px;
padding: 0 15px }
.ei-slider { height: 350px }
.ei-title h3 { display: none }
/* Portfolio - Items
-----------------------------------------------------------------*/
#portfolio:not(.portfolio-1) { margin: 0 -12px -12px 0 !important }
#portfolio:not(.portfolio-1) .portfolio-item {
width: 232px;
margin: 0 12px 12px 0 }
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image,
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a,
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img {
width: 232px;
height: 175px }
/* Portfolio - No Margin
-----------------------------------------------------------------*/
#portfolio.portfolio-nomargin .portfolio-item { width: 239px; }
#portfolio.portfolio-nomargin .portfolio-item .portfolio-image,
#portfolio.portfolio-nomargin .portfolio-item .portfolio-image a,
#portfolio.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 239px;
height: 178px }
/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/
#portfolio.portfolio-2 .portfolio-item { width: 354px }
#portfolio.portfolio-2 .portfolio-item .portfolio-image,
#portfolio.portfolio-2 .portfolio-item .portfolio-image a,
#portfolio.portfolio-2 .portfolio-item .portfolio-image img {
width: 354px;
height: 264px }
/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/
#portfolio.portfolio-2.portfolio-nomargin .portfolio-item { width: 359px; }
#portfolio.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
#portfolio.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
#portfolio.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 359px;
height: 269px }
/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/
#portfolio.portfolio-1 .portfolio-item .portfolio-image {
float: none !important;
margin: 0 !important;
margin-bottom: 10px !important }
#portfolio.portfolio-1 .portfolio-item .portfolio-image,
#portfolio.portfolio-1 .portfolio-item .portfolio-image a,
#portfolio.portfolio-1 .portfolio-item .portfolio-image img {
width: 100%;
height: auto }
#portfolio.portfolio-1 .portfolio-desc { width: 100% }
/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/
#portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 0px 0 }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item {
margin-bottom: 60px;
padding-bottom: 0;
border-bottom: 0;
overflow: hidden }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
float: none;
margin: 0 0 20px 0 !important }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
width: 100%;
height: auto }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
-webkit-transition: none;
-o-transition: none;
transition: none }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0) }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-desc,
#portfolio.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
position: relative;
width: 100%;
height: auto;
padding: 0;
background-color: transparent;
left: 0;
right: 0;
-webkit-transition: none;
-o-transition: none;
transition: none }
#portfolio.portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50% }
#portfolio.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
left: auto;
right: 50% }
.device-touch #portfolio.portfolio-parallax .portfolio-item .portfolio-desc,
.device-touch #portfolio.portfolio-parallax .portfolio-overlay { opacity: 1 }
#portfolio.portfolio-nomargin,
#portfolio.portfolio-full { margin: 0 !important }
.shop-quick-view-ajax,
.portfolio-ajax-modal { width:90% !important }
.small-thumbs .entry-title h2,
.ievent .entry-title h2 { font-size: 18px }
.entry-meta li {
font-size: 12px;
margin: 0 10px 10px 0 }
/* Blog - Grid
-----------------------------------------------------------------*/
.post-grid { margin-right: -20px }
.post-grid .entry {
width: 226px;
/*margin-right: 20px*/ }
.post-grid .entry-image,
.post-grid .entry-image img,
.post-grid:not(.post-masonry) .entry-image iframe { height: 127px }
/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/
.post-grid.grid-2,
.post-grid.grid-3 { margin-right: -30px }
.post-grid.grid-2 .entry,
.post-grid.grid-3 .entry {
width: 48% !important;
/*margin-right: 30px*/ }
.post-grid.grid-2 .entry.entry-fullwidth,
.post-grid.grid-3 .entry.entry-fullwidth {
width: 100% !important; padding-right:45px !important }
.post-grid.grid-3 .entry-image,
.post-grid.grid-3 .entry-image img,
.post-grid.grid-3:not(.post-masonry) .entry-image iframe,
.post-grid.grid-2 .entry-image,
.post-grid.grid-2 .entry-image img,
.post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 193px }
.fixborder-tablet {
position: relative;
margin: 0 0 0px !important;
padding: 0 0 0px !important;
border-bottom: 0px !important }
.post-masonry-full .entry { width: 33.30% !important; }
.post-masonry-full.grid-3 .entry { width: 50% !important; }
.testimonials-grid.grid-3 li { width: 50% }
.section > .testimonial {
padding: 0 40px !important;
max-width: none }
.promo:not(.promo-full) { padding: 30px 20px !important }
.promo.promo-dark h3 { line-height: 1.6 }
.promo a.button {
position: relative !important;
top: 0 !important;
margin: 20px 0 0 !important;
left: 0 !important;
right: 0 }
#contact-form-overlay-mini {
float: none;
width: auto;
max-width: 380px;
margin: 0 auto }
.bnews-title {
float: none;
display: inline-block }
.bnews-slider {
float: none;
margin: 10px 0 0;
width: 100% }
.error404 { font-size: 180px; }
.landing-form-overlay {
position: absolute;
width: 100%;
max-width: 400px;
right: auto;
left: 50%;
margin-left: -200px;
bottom: 0 }
.slider-caption-bg { left: 100px }
.slider-caption { left: 100px }
.slider-caption.slider-caption-left { left: 120px;}
.slider-caption.slider-caption-right { left: 120px;}
.promo { text-align:center }
.promo .heading-block:after { margin-left:auto; margin-right:auto }
.heading-block p { font-size: 18px; }
.portfolio-single-image, .portfolio-single-content { width: 100% !important}
.emphasis-title h1,
.emphasis-title h2 { font-size: 40px !important; }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title img{ visibility: hidden !important; height:0px; width:0px; margin:0}
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a { color: #E54A27 !important }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title .heading-block:after{ border: none !important; }
#page-title span { font-size: 12px !important; margin-top: 6px }
.parallax .entry-overlay-meta { background-color: rgba(255,255,255,0.6) }
.single-event .countdown-section { background-color: rgba(255,255,255,0.6) }
.button.button-massive {
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 30px !important;
text-align:center !important;
line-height: 45px !important }
.button.button-massive .subtext { margin-top:10px }
.booking .controls label { font-size: 12px !important }
.fslider.main { max-height:700px }
.feature-box h2 { font-size:26px }
.feature-box h3 { font-size:22px }
.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
font-size: 36px;
}
.i-xlarge.i-rounded,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
width: 64px !important;
height: 64px !important;
line-height: 64px !important;
}
.team .handwriting.xxxlarge-font { font-size:50px !important}
.team p { font-size:14px !important; line-height:18px !important}
.team .button { display:none !important }
.team-image .desc { padding:20px 20px 20px 30px !important}
.button.button-massive { font-size: 26px !important}
.button.button-massive .xxxlarge-font { font-size: 60px !important}
figure h4 {
font-size: 15px;
margin-bottom: 8px;
}
figure ul li {
font-size:12px;
line-height:20px;
}
figure .button { display:none }
#effect-4 figure figcaption { padding: 25px 10px 20px 10px }
.modal-lg { width:800px !important }
.top-nav { background:#77A242 !important; }
.top-nav ul { text-align:center; padding:0px }
.top-nav ul li, .top-nav ul li a { color:#FFF }
.top-nav ul li:hover, .top-nav ul li a:hover { color:#FFF }
.top-nav ul li a:before { background-color: #111}
.top-nav.semi-transparent,.top-nav { background-color: rgba(0,0,0,0) }
.top-nav .button,
.top-nav .button-mini,
.top-nav .button-border,
.top-nav .button-dark,
.top-nav .button.button-border.button-dark{
/*color: #111 !important;
background:transparent !important;
margin:0px!important;
border:1px solid #111 !important;
text-shadow:none!important*/ }
.mobile-parallax {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important }
.ribbon-25:before,
.ribbon-rewards:after,
.ribbon-card:after,
.ribbon-round-right:before,
.ribbon-round-left:before,
.ribbon-round-50-right:before,
.ribbon-round-50-left:before { display:none }
#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #page-title,
#slider + #header.transparent-header { top:0px !important }
.main-header .booking.light,
.main-header.large .booking.light { display:none !important }
.main-header .encore-caption h2 { font-size:74px !important }
.main-header.large { height:600px !important }
.main-header.large .floating-pn,
.main-header.large .floating-pn-dark,
.main-header.large .floating-pn.right,
.main-header.large .floating-pn-dark.right {
right:auto !important;
left:0px !important;
top:430px !important }
.main-header .floating-pn,
.main-header .floating-pn-dark,
.main-header .floating-pn.right,
.main-header .floating-pn-dark.right {
right:auto !important;
left:0px !important;
top:460px !important }
.activity-bg{
background:#000;height: 500px;
}
.flag-display-none{
display: none;
}
.tour-desing-img {
margin-top: -82px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top-nav {
width: 100%;
height:60px;
background:#000;
padding:10px 0px 7px 0px !important;
/* z-index: 210;
position:relative;*/
}
.swiper_wrapper:not(.full-screen):not(.encore-slider-grid),
.swiper_wrapper:not(.full-screen):not(.encore-slider-grid) .swiper-slide { height: 400px !important }
.sidebar-widgets-wrap {
position: relative;
margin: 0 -38px -40px 0 }
.sidebar-widgets-wrap .widget {
display: inline-block;
vertical-align: top;
float: none;
width: 340px;
margin: 0 37px 40px 0 }
.widget-fixborder-tablet {
padding-top: 0px !important;
border-top: 0px solid rgba(255,255,255,0.1) !important }
.landing-video {
width: 352px;
height: 199px;
margin: 14px 0 0 60px }
#header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 0px !important; }
.parallax .entry-overlay-meta { background-color: rgba(255,255,255,0.6) }
.single-event .countdown-section { background-color: rgba(255,255,255,0.6) }
#contact-form-overlay, #contact-form-overlay-mini { box-shadow:none }
.pricing-box.best-price { margin: 0px -1px 0 -1px; }
.pricing.pricing-5 .pricing-box.best-price { margin-top: 17px !important; }
.pricing.pricing-5 .pricing-box {
float: left;
width: 100%;
margin-top: 20px;}
.tp-caption.medium-font, .tp-caption .medium-font { font-size: 16px !important}
.tp-caption.large-font, .tp-caption .large-font { font-size: 18px !important}
.tp-caption.xlarge-font, .tp-caption .xlarge-font { font-size: 24px !important}
.tp-caption.xxlarge-font, .tp-caption .xxlarge-font { font-size: 30px !important}
.tp-caption.xxxlarge-font, .tp-caption .xxxlarge-font { font-size: 50px !important}
.skills .counter, .skills .progress-percent, .top-search { display:none }
.mobile-parallax {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important }
.ribbon-25:before,
.ribbon-rewards:after,
.ribbon-card:after,
.ribbon-round-right:before,
.ribbon-round-left:before,
.ribbon-round-50-right:before,
.ribbon-round-50-left:before { display:none }
.team ul li{
font-size: 12px;
margin-bottom:4px }
.main-header .booking.light,
.main-header.large .booking.light,
.boxed-slider .booking { display:none !important }
.swiper_wrapper .booking { display:none !important }
#page-title { padding: 100px 0 240px 0 }
.floating-pn,
.floating-pn-dark,
.floating-pn.right,
.floating-pn-dark.right { display:none !important }
.flag-display-none{
display: none;
}
.tour-desing-img {
margin-top: -82px;
}
}
@media only screen and (max-width: 767px) { /* Tablet */
.flag-display-none{
display: none;
}
.top-nav {
width: 100%;
height:60px;
background:#000;
padding:10px 0px 7px 0px !important;
/* z-index: 210;
position:relative;*/
}
body { padding: 0 !important }
#wrapper { width: 100% !important }
.container-fullwidth {
margin: 0 auto;
padding: 0 15px !important }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
#gotoTop,
.one-page-arrow { display: none !important }
#top-bar { height: auto; }
#top-bar .col_half {
width: 100%;
margin-bottom: 0 !important }
.top-links,
.top-links > ul > li { float: none !important }
.top-links > ul { text-align: center }
.top-links > ul > li { display: inline-block }
.top-links > ul > li { margin-right: -4px }
.top-links ul ul,
.top-links ul div.top-link-section { text-align: left }
.top-links ul div.top-link-section {
left: auto;
right: 0;
padding: 20px 15px }
#top-social,
#slider:not(.swiper_wrapper) .slider-caption,
.slider-caption .button,
.camera_caption,
.ei-title,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm { display: none !important }
.slider-caption h2 { margin-bottom: 0 !important; }
.flex-control-nav li { opacity: 1 !important; }
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 60px }
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
display: block;
width: 80px !important;
height: 60px !important }
.postcontent,
.postcontent.bothsidebar,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 50px !important }
.sidebar.col_last { margin-bottom: 0 !important }
form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { margin-bottom: 25px !important }
#page-title {
padding: 100px 0 240px 0 }
#page-title h1 {
line-height: 1.5;
font-size: 28px !important}
#page-title .breadcrumb {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 15px 0 0 !important }
#page-title #portfolio-navigation,
#portfolio-ajax-title #portfolio-navigation {
position: relative;
top: 0;
left: 0;
margin: 15px auto 0 }
#portfolio-ajax-title { text-align: center; }
/* Portfolio - Filter
-----------------------------------------------------------------*/
#portfolio-filter { margin-bottom: 40px }
#portfolio-filter li {
width: 33.33%;
margin-bottom: 0px }
#portfolio-filter li a {
text-align: center;
padding: 12px 18px !important }
#portfolio-filter li.activeFilter a {
color: #FFF;
margin: 0 }
/* Blog
-----------------------------------------------------------------*/
.small-thumbs .entry-image,
.ievent .entry-image {
float: none !important;
width: 100% !important;
margin: 0 0 20px !important }
.entry-title h2,
.post-grid .entry-title h2 {
font-size: 18px !important;
font-weight: 600 }
.entry-meta li {
font-size: 11px;
margin: 0 10px 10px 0 }
.post-grid .entry-meta li i.icon-comments,
.entry-meta li:last-child i { display: inline-block }
.post-grid { margin-right: 0 !important }
.post-grid .entry {
float: none !important;
width: 100% !important;
margin-right: 0 !important;
border-right: 0 !important }
.timeline-border,
.post-timeline .entry-timeline { display: none !important }
.post-masonry-full .entry { padding: 40px !important }
.post-grid .entry-image,
.post-grid .entry-image img { height: auto !important }
.testimonials-grid li {
float: none;
width: auto !important;
padding-left: 0;
padding-right: 0 }
.team.team-list .team-image {
float: none;
width: 100%;
margin-right: 0 }
.team.team-list .team-title { margin-top: 15px; }
.title-block {
padding: 2px 0 3px 15px;
border-left-width: 5px }
.title-block-right {
padding: 2px 15px 3px 0;
border-right-width: 5px }
.title-block h1 + span { font-size: 18px }
.title-block h2 + span { font-size: 17px }
.title-block h3 + span { font-size: 15px }
.title-block h4 + span { font-size: 13px }
.heading-block h1 { font-size: 30px }
.heading-block h2 { font-size: 26px }
.heading-block h3 { font-size: 22px }
.heading-block h4 { font-size: 19px }
.heading-block h1 + span { font-size: 20px }
.heading-block h2 + span { font-size: 18px }
.heading-block h3 + span,
.heading-block h4 + span { font-size: 17px }
.heading-block p { font-size: 18px }
.heading-block ~ p:not(.lead) { font-size: 15px }
.emphasis-title h1,
.emphasis-title h2 { font-size: 30px !important }
.news-carousel .overlay { display: none }
.parallax .entry-overlay-meta { background-color: rgba(255,255,255,0.6) }
.single-event .countdown-section { background-color: rgba(255,255,255,0.6) }
/* Copyrights
-----------------------------------------------------------------*/
#copyrights .col_half { text-align: center; }
#copyrights .col_half:last-child { display: none; }
#copyrights .footer-logo {
margin-left: auto;
margin-right: auto
}
.pricing-box.best-price { margin: 0px -1px 0 -1px; }
.pricing.pricing-5 .pricing-box.best-price { margin-top: 17px !important; }
.pricing.pricing-5 .pricing-box {
float: left;
width: 100%;
margin-top: 20px;
}
.skills .counter, .skills .progress-percent, top-search { display:none }
.booking .controls label { font-size: 12px !important }
.booking {
z-index:50;
position:relative;
bottom: 500px;
width:100%;
margin-bottom:-140px
}
.boxed-slider .booking {
bottom: 110px !important;
margin-bottom:-70px
}
.boxed-slider .booking .inner { height:460px !important; background:#222 }
.boxed-slider { max-height:700px !important }
.revoslider-wrap .booking { bottom: 200px !important }
.revoslider-wrap .booking .inner { height:460px !important; background:#222 }
.main-header { height:800px }
.main-header .booking { top: 300px !important }
.main-header .booking .inner { height:460px !important }
.booking .inner {
height:480px !important;
width:90%;
position:relative;
margin:auto;
padding:0px 10px 10px 10px;
max-width:1300px }
.main-header.large .booking.light { display:none !important }
.main-header.large { height: 500px !important }
.main-header .header-caption h5 {
letter-spacing:14px;
font-size:14px }
.main-header .header-caption h6 {
letter-spacing:0px;
font-size:13px }
.controls input[type="text"],
.controls input[type="email"],
.controls input[type="number"],
.controls input[type="date"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select { margin-bottom:15px; margin-top:35px }
.controls .fa-sort { top: 48px }
.flexslider img { height:100% !important }
.button-check { margin-top:20px !important }
.col_one_fourth.center {
margin-right:auto !important;
margin-left:auto !important;
width:100% !important;
}
.col_one_fourth.center .border-left-dark { border:hidden }
.i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered {
width: 104px !important;
height: 104px !important;
line-height: 104px !important;
}
.modal-lg { width:625px !important }
.mobile-parallax {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important }
.ribbon-25:before,
.ribbon-rewards:after,
.ribbon-card:after,
.ribbon-round-right:before,
.ribbon-round-left:before,
.ribbon-round-50-right:before,
.ribbon-round-50-left:before { display:none }
.team ul li{
font-size: 10px;
margin-bottom:4px;
}
.team ul { display:none !important}
.post-grid.grid-2 .entry,
.post-grid.grid-3 .entry {
width: 100% !important;
/*margin-right: 30px*/ }
.floating-pn,
.floating-pn-dark,
.floating-pn.right,
.floating-pn-dark.right { display:none !important }
.main-header { height:450px !important}
.main-header .booking,
.main-header .booking.light,
.main-header.large .booking.light,
.boxed-slider .booking { display:none !important }
.boxed-slider .encore-caption h2 { font-size:74px !important }
.swiper_wrapper .booking { display:none !important }
.swiper_wrapper .slider-caption { display:none !important }
.tour-desing-img {
margin-top: -82px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) { /* Phone */
.flag-display-none{
display: none;
}
.top-nav {
width: 100%;
height:60px;
background:#000;
padding:10px 0px 7px 0px !important;
/* z-index: 210;
position:relative;*/
}
.container,
#header.full-header .container,
.container-fullwidth { width: 100% !important }
.container.vertical-middle { width: 100% !important }
.full-screen:not(.force-full-screen) .container.vertical-middle { width: 470px !important }
.swiper_wrapper:not(.force-full-screen),
.swiper_wrapper:not(.force-full-screen):not(.encore-slider-grid) .swiper-slide { height: 300px !important }
.ei-slider { height: 250px }
#header.transparent-header.floating-header .container {
width: 470px;
padding: 0 15px }
/* Portfolio - Items
-----------------------------------------------------------------*/
#portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; }
#portfolio:not(.portfolio-1) .portfolio-item { margin: 0 6px 6px 0; }
/* Portfolio - Items - 5 & 6 Columns
-----------------------------------------------------------------*/
#portfolio:not(.portfolio-1) .portfolio-item { width: 217px; }
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image,
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a,
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img {
width: 217px;
height: 162px }
/* Portfolio - Items - 5 & 6 Columns - No Margin
-----------------------------------------------------------------*/
#portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item { width: 219px; }
#portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image,
#portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image a,
#portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image img {
width: 219px;
height: 164px }
/* Portfolio - Items - Descriptions
-----------------------------------------------------------------*/
#portfolio:not(.portfolio-1) .portfolio-desc { padding: 15px 5px 10px; }
#portfolio:not(.portfolio-1) .portfolio-desc h3 { font-size: 28px; }
#portfolio:not(.portfolio-1) .portfolio-desc span { font-size: 16px; }
#portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
height: 78px;
padding: 15px 5px;
bottom: -79px }
#portfolio.portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc,
#portfolio.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc {
bottom: -78px;
border-bottom: 0 }
/* Portfolio - Items - Overlay
-----------------------------------------------------------------*/
#portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon,
#portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon,
.portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon,
.portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -55px !important }
#portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important }
#portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon {
margin-left: 5px !important;
margin-right: 0 !important }
/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/
.portfolio-1 .portfolio-item .portfolio-image {
float: none !important;
margin: 0 !important;
margin-bottom: 10px !important }
.portfolio-1 .portfolio-item .portfolio-image,
.portfolio-1 .portfolio-item .portfolio-image a,
.portfolio-1 .portfolio-item .portfolio-image img {
width: 100%;
height: auto }
.portfolio-1 .portfolio-desc { width: 100%; }
/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/
#portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }
.portfolio-1.portfolio-fullwidth .portfolio-item {
margin-bottom: 60px;
padding-bottom: 0;
border-bottom: 0;
overflow: hidden }
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
float: none;
margin: 0 0 20px 0 !important }
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
width: 100%;
height: auto }
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
-webkit-transition: none;
-o-transition: none;
transition: none }
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0) }
.portfolio-1.portfolio-fullwidth .portfolio-desc,
.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
position: relative;
width: 100%;
height: auto;
padding: 0;
background-color: transparent;
left: 0;
right: 0;
-webkit-transition: none;
-o-transition: none;
transition: none }
.portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50%; }
.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 50% }
#portfolio.portfolio-nomargin,
#portfolio.portfolio-full { margin: 0 !important }
.post-grid:not(.post-masonry) .entry-image iframe { height: 246px }
.clients-grid:not(.grid-3):not(.grid-2) li,
.clients-grid.grid-4 li,
.clients-grid.grid-6 li { width: 33.33%; }
.error404,
.error404-wrap .error404 { font-size: 160px }
.landing-video {
position: relative;
top: 12px;
width: 333px;
height: 187px;
margin: 19px 0 0 53px }
.promo { text-align:center }
.promo h3 { font-size:22px }
.promo .heading-block:after { margin-left:auto; margin-right:auto }
.flex-control-nav { visibility: hidden }
.flex-caption { font-size: 20px !important; line-height: 22px }
.flex-caption p { font-size: 14px !important; line-height: 16px; padding-top:10px }
.flex-caption.slider-caption-bottom-left,
.flex-caption.slider-caption-bottom-right,
.flex-caption.slider-caption-top-left,
.flex-caption.slider-caption-top-right{ left:50px; top:80px }
.flex-caption a { visibility:hidden }
#contact-form-overlay, #contact-form-overlay-mini { box-shadow:none }
.pricing-box.best-price { margin: 0px -1px 0 -1px; }
.tp-caption, .skills-animated { display:none !important }
.swiper_wrapper .slider-caption h2 { font-size: 24px; line-height: 26px;}
.swiper_wrapper .slider-caption h3 { font-size: 24px; line-height: 26px;}
.swiper_wrapper .slider-caption p { font-size: 16px; line-height: 18px; margin-left:-4px; margin-top:5px}
.swiper_wrapper .slider-caption .xxlarge-font { font-size:24px !important}
.swiper_wrapper .slider-caption .xxxlarge-font { font-size:28px !important}
.pricing.pricing-5 .pricing-box.best-price { margin-top: 17px !important; }
.pricing.pricing-5 .pricing-box {
float: left;
width: 100%;
margin-top: 20px;}
.skills .counter, .skills .progress-percent, .top-search { display:none }
.button.button-massive {
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 30px !important;
text-align:center !important;
line-height: 45px !important }
.mobile-parallax {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important }
.ribbon-25:before,
.ribbon-rewards:after,
.ribbon-card:after,
.ribbon-round-right:before,
.ribbon-round-left:before,
.ribbon-round-50-right:before,
.ribbon-round-50-left:before { display:none }
.team .desc { display:none !important}
.button-feedback { display:none !important }
.blockquote h1:before,
.blockquote h2:before,
.blockquote h3:before,
.blockquote h4:before{
content: open-quote !important;
font-size:25px }
.blockquote h1:after,
.blockquote h2:after,
.blockquote h3:after,
.blockquote h4:after {
content: close-quote !important;
font-size:25px }
.swiper_wrapper .booking { display:none !important }
.swiper_wrapper .slider-caption { display:none !important }
.encore-caption { top:24% }
.tour-desing-img {
margin-top: -82px;
}
}
@media only screen and (max-width: 479px) { /* Phone */
.mobile-title{
padding-top: 20px !important;
}
.flag-display-none{
display: none;
}
.top-nav {
width: 100%;
height:60px;
background:#000;
padding:10px 0px 7px 0px !important;
/* z-index: 210;
position:relative;*/
}
.container,
#header.full-header .container,
.container-fullwidth { width: 100% !important; }
.container.vertical-middle { width: 100% !important; }
.full-screen:not(.force-full-screen) .container.vertical-middle { width: 310px !important; }
.swiper_wrapper:not(.force-full-screen),
.swiper_wrapper:not(.force-full-screen):not(.encore-slider-grid) .swiper-slide,
.ei-slider { height: auto !important; }
.swiper_wrapper .slider-caption h2 { font-size: 18px; line-height: 20px; padding: 10px 0 }
.swiper_wrapper .slider-caption h3 { font-size: 18px; line-height: 20px; padding: 10px 0; margin-bottom:0px}
.swiper_wrapper .slider-caption p { font-size: 12px; line-height: 14px; padding: 0px 10px}
.swiper_wrapper .slider-caption .xlarge-font { font-size:18px !important}
.swiper_wrapper .slider-caption .xxlarge-font { font-size:24px !important}
.swiper_wrapper .slider-caption .xxxlarge-font { font-size:28px !important}
.flex-caption, .flex-caption h3 { font-size: 14px !important; line-height: 16px }
.flex-caption p { font-size: 9px !important; line-height: 14px; padding-top:5px }
.flex-caption .xxlarge-font { line-height: 26px !important }
.flex-caption .xxxlarge-font { line-height: 30px !important }
.flex-caption.slider-caption-bottom-left,
.flex-caption.slider-caption-bottom-right,
.flex-caption.slider-caption-top-left,
.flex-caption.slider-caption-top-right{ left:20px; top:140px }
.flex-next, .flex-prev, .flex-caption a { visibility:hidden }
.flex-caption .xxlarge-font { font-size:24px !important}
.flex-caption .xxxlarge-font { font-size:28px !important}
.swiper_wrapper .slider-caption.slider-caption-left,
.swiper_wrapper .slider-caption.slider-caption-right {
position: relative;
max-width: 800px;
text-align: center;
margin: 0 auto;
left: 0;
right: 0 }
#slider-arrow-left,
#slider-arrow-right{ visibility: hidden}
#header.transparent-header.floating-header .container {
width: 310px;
padding: 0 15px }
#portfolio-filter { margin-top: -15px; margin-bottom:65px}
#portfolio-filter li { width: 50% }
#portfolio:not(.portfolio-1) { margin: 0 !important; }
#portfolio:not(.portfolio-1) .portfolio-item { width: 280px; }
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image,
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a,
#portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img {
width: 280px;
height: 211px }
.portfolio-2.portfolio-nomargin .portfolio-item { width: 280px !important; }
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
width: 280px !important;
height: 211px }
.post-grid:not(.post-masonry) .entry-image iframe { height: 157px; }
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 45px; }
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
display: block;
width: 60px !important;
height: 45px !important }
.si-share span { display: none }
.parallax .entry-overlay-meta,
.parallax .entry-overlay {
left: 50% !important;
right: 0 !important;
margin: 0 0 0 -140px !important;
width: 280px !important }
.parallax .entry-overlay { width: 288px !important }
.parallax .entry-overlay-meta { background-color: rgba(255,255,255,0.6) }
.single-event .countdown-section { background-color: rgba(255,255,255,0.6) }
.parallax .countdown-section {
width: 64px;
height: 64px;
margin: 0 8px 0 0;
font-size: 11px;
padding: 0;
padding-top: 12px }
.parallax .countdown-amount { font-size: 20px; }
.countdown-large .countdown-section {
display: block;
width: auto;
margin: 30px 0 0;
border: 0 }
.countdown-large .countdown-section:first-child { margin-top: 0; }
.testi-image,
.testi-image a,
.testi-image img,
.testi-image i {
width: 36px;
height: 36px }
.testi-image i {
line-height: 36px;
font-size: 20px }
.clients-grid:not(.grid-3):not(.grid-2) li,
.clients-grid.grid-4 li,
.clients-grid.grid-6 li { width: 50%; }
.emphasis-title h1,
.emphasis-title h2 { font-size: 40px !important }
.error404,
.error404-wrap .error404 { font-size: 120px }
.landing-video {
position: relative;
top: 9px;
width: 212px;
height: 119px;
margin: 19px 0 0 34px }
.landing-form-overlay { margin-left: -155px }
.related-posts .mpost .entry-image,
.related-posts .mpost .entry-image a,
.related-posts .mpost .entry-image img,
.related-posts .mpost .entry-image i {
width: 70px;
height: 50px }
.promo { text-align:center }
.promo h3 { font-size:16px }
.promo .heading-block:after { margin-left:auto; margin-right:auto }
.promo { padding-top: 50px !important;}
#footer h3 { font-size:18px }
.flex-control-nav { visibility: hidden }
.i-large.i-plain { visibility: hidden; width:0 !important; height:0 !important }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title img{ visibility: hidden !important; height:0px; width:0px; margin:0 }
#slider .button.button-medium, #slider .button.button-large, #slider .button.button-xlarge {
padding: 0 10px !important;
font-size: 12px;
height: 30px;
line-height: 30px }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a { color: #E54A27 !important }
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title .heading-block:after{ border: none !important }
#page-title .heading-block:after { margin-left:auto; margin-right:auto }
.page-title-video { padding: 55px 0px !important }
.page-title-video h1 { font-size: 26px !important }
.post-grid.grid-2,
.post-grid.grid-3 { margin-right: -30px }
.post-grid.grid-2 .entry,
.post-grid.grid-3 .entry {
margin-right: 30px }
.fixborder-tablet {
position: relative;
margin: 0 0 50px !important;
padding: 0 0 50px !important;
border-bottom: 2px solid rgba(255,255,255,0.08) !important }
.fixborder-phone {
position: relative;
margin: 0 0 0px !important;
padding: 0 0 0px !important;
border-bottom: 0px !important }
.entry-meta li { float: none; font-size: 15px }
.entry-meta li:before {
content: '';
margin-right: 0px }
.si-share div { float: left }
.post-navigation .col_last.tright { text-align:left !important }
.post-navigation .col_last { margin-bottom:10px !important; margin-top:-50px !important }
.content-wrap { padding-top: 50px }
#contact-form-overlay, #contact-form-overlay-mini { box-shadow:none }
.pricing-box.best-price { margin: 0px -1px 0 -1px; }
.pricing.pricing-5 .pricing-box.best-price { margin-top: 17px !important; }
.pricing.pricing-5 .pricing-box {
float: left;
width: 100%;
margin-top: 20px;}
.tp-caption, .skills-animated { display:none !important }
.profile-image { width:150px; margin-top:40px }
.skills .counter, .skills .progress-percent { display:none }
.tp-caption, .skills-animated, .top-search { display:none !important }
.button.button-massive {
padding-left:0px !important;
padding-right:0px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
font-size: 22px !important;
text-align:center !important;
line-height: 35px !important }
.top-nav ul li:last-child { display:none }
.modal-lg { width:425px !important }
.mobile-parallax {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important }
.ribbon-25:before,
.ribbon-rewards:after,
.ribbon-card:after,
.ribbon-round-right:before,
.ribbon-round-left:before,
.ribbon-round-50-right:before,
.ribbon-round-50-left:before { display:none }
.team .desc { display:none !important}
.button-feedback { display:none !important }
.blockquote h1:before,
.blockquote h2:before,
.blockquote h3:before,
.blockquote h4:before{
content: open-quote !important;
font-size:25px }
.blockquote h1:after,
.blockquote h2:after,
.blockquote h3:after,
.blockquote h4:after {
content: close-quote !important;
font-size:25px }
.swiper_wrapper .booking { display:none !important }
.swiper_wrapper .slider-caption { display:none !important }
.encore-caption { top:10% }
.tour-desing-img {
margin-top: -82px;
}
}
@media only screen and (max-width: 360px) {
.mobile-title{
padding-top: 20px !important;
}
.mobile-mb{
margin-bottom: 20px !important;
}
}
/* ----------------------------------------------------------------
Retina CSS
-----------------------------------------------------------------*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.owl-carousel.owl-loading,
.preloader,
.preloader2,
.form-process {
background-image: url('../images/preloader/loader_large.gif');
background-size: 24px 24px;
}
.dark .owl-carousel.owl-loading,
.dark .preloader,
.dark .preloader2,
.dark .form-process { background-image: url('../images/preloader/loader_large_dark.gif'); }
.widget_recent_comments li {
background-image: url("../images/icons/comment-icon-large.png");
background-size: 15px 26px;
}
.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
background-image: url("../images/icons/arrow-large.png");
background-size: 4px 20px;
}
.dark .widget_recent_comments li { background-image: url("../images/icons/comment-icon-large-dark.png"); }
.dark .widget_nav_menu li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_archive li a,
.dark .widget_recent_entries li a,
.dark .widget_categories li a,
.dark .widget_pages li a,
.dark .widget_rss li a,
.dark .widget_recent_comments li a { background-image: url("../images/icons/arrow-large-dark.png"); }
}
@media only screen and (min-width : 992px){
.booking.light {
z-index:50;
position:absolute;
top: 22px;
right:-345px !important;
width:100%;
margin-bottom:0px
}
}
@media only screen and (min-width : 1002px){
.booking.light {
z-index:50;
position:absolute;
top: 22px;
right:-3px !important;
width:100%;
margin-bottom:0px
}
}
@media only screen and (min-width : 1199px){
.booking.light {
z-index:50;
position:absolute;
top: 22px;
right:-452px !important;
width:100%;
margin-bottom:0px
}
}
/*
.booking.light {
z-index:50;
position:absolute;
top: 22px;
right:-435px !important;
width:100%;
margin-bottom:0px ;
margin-left:60%;
}
*/
@media (min-width: 1200px) {
.container-fluid {
max-width: 2200px !important;
}
}
@media (max-width: 991px) {
.mobil-slider {
display: block;
margin-left: -550px;
width: 1500px !important;
}
}
.mobil-slider2 {
margin-left: -170px;
width: 700px !important;
}
.centered-txt{
font-size:40px !important;
font-family: 'Langar', cursive !important;
}
.mobile-blog-compact-item{
margin-left: -20px;
margin-right: -20px;
}
}
|