| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/alfex/css/ |
Upload File : |
/*desktop*/
@media all and (max-width : 2000px) {
.featured_collection .featured_grid{width: 25%;}
}
/*1600px*/
@media all and (max-width : 1600px) {
/*product details*/
.product_container{width: 1200px}
.easyzoom{width: 480px}
.zoomimg{width: 478px;}
}
/*1350px*/
@media all and (max-width : 1350px) {
/*category*/
.category_sidemenu{width: 24%}
.category_products{width: 76%;}
.col_product{width: 33.33%;}
/*product details*/
.product_container{width: 1100px}
.easyzoom{width: 442px}
.zoomimg{width: 440px;}
/*footer*/
.newssubscribe{width:35%;}
.footerlinks{width: 45%;}
.footersocial{width:20%;}
/*form*/
.col-Title{width: 45%;float: left;padding: 0 0 0 20px;}
.col-Name{width: 55%;float: left;padding: 0 20px 0 0;}
.navibar{width: 48%;}
.header{padding: 10px 30px}
.toolsnav a{margin:0 7px;}
}
/*tablet*/
@media all and (max-width : 1199px) {
/*header*/
.logo{margin-right: 3%;}
.logo img{width: auto;height: 60px;}
.header{padding: 10px 20px}
.navibar{width: 40%;}
.navibar > li{min-width: auto;}
.navibar li > a{padding: 0 14px;}
.navibar li .mega-menu-dropdown{width: 550px;}
/*end of header*/
/*search*/
.searchbox{width: 100%;left: 0;}
.searchbox input{width: 100%;}
/*collection*/
.featured_collection .featured_grid{width: 33.33%;}
.featured_collection h2{letter-spacing: 1px;}
/*swiss grey*/
.swisswrap .content h2{font-size: 48px;}
/*product details*/
.product_container{width: 991px}
.easyzoom{width: 398px}
.zoomimg{width: 396px;}
/*map*/
.map{width: 100%;min-height: 350px;margin-top: 20px;}
/*form*/
.col-Title{width: 50%;float: left;padding: 0 0 0 20px;}
.col-Name{width: 50%;float: left;padding: 0 20px 0 0;}
.addressOption .box{width: 33.33%}
/*profile*/
.addressOption .box{width: 50%;}
}
@media all and (max-width : 1100px) {
/*header*/
.header{padding: 10px 0;}
.logo{width: 100%;text-align: center;}
.logo img{width: auto;height: 50px;}
.navibar{display: none;}
.pageTools{
border-top: 1px solid #ccc;
float: left;
width: 100%;
top: 0;
text-align: right;
margin: 15px 0 0 0;
}
.nav-toggle-btn{display: block;}
.searchbtn,.language,.toolsnav a{
width: 25%;display: block;
float: left;margin:0;
text-align: center;
}
.language{border:0;}
.toolsnav button,.toolsnav a{margin:0;position: relative;top: 13px;}
.otherlang,.otherlang a {width: 100%;top: 40px;}
.otherlang a{top: 0;}
/*login header*/
.loginTools .searchbtn,.loginTools .language,.loginTools .toolsnav a{width: 20%;}
.toolsnav .otherlang a{width: 100%;top: 40px;}
.toolsnav .otherlang a{top: 0;}
/*end of header*/
}
@media all and (min-width : 991px) {
.category_sidemenu ul.menu_ul{display: block !important;}
}
@media all and (max-width : 991px) {
/*slider*/
.slick-prev, .slick-next{width: 35px;height: 35px;}
.slick-prev:before,.slick-next:before{width: 35px;height: 35px;}
.container{width: 100%;margin:0 auto;padding: 0 20px;}
.featured_collection h2{margin:30px 0;}
/*swiss*/
.swisswrap{display: block;}
.swisswrap .content{
position: relative;
top: auto;left: auto;
transform:none;
padding: 50px 0;
}
.swisswrap .content h2{margin-bottom: 20px;}
.swisswrap .greysection,.swissimg{width: 100%;}
.series_container{width: 100%;padding: 0 20px;}
/*footer*/
.newssubscribe,.footerlinks,.footersocial{
width: 100%;border:0;
padding: 15px 0;
}
.newssubscribe{min-height: auto;}
.footerlinks{font-size: 14px;padding-bottom: 0;min-height: auto;}
.footersocial{min-height: auto;}
.newssubscribe h4{font-size: 14px;}
.footersocial .copyright{position: relative;
top: auto;
left: auto;
bottom: auto;
margin-bottom: 10px;
}
/*category*/
.category_sidemenu{width: 100%;margin-bottom: 30px;}
.category_products{width: 100%;padding-left: 0;}
.open_sidecate{display: block;}
.category_sidemenu ul.menu_ul{display: none;}
/*product details*/
.productimg,.product_content{width: 100%;}
.product_container{width: 100%; padding: 0 20px;}
.product_content{margin-top: 20px;}
.easyzoom{width: 398px}
.zoomimg{width: 396px;}
.layercart .cartItem,.layercart .cartTotle{width: 100%;min-height: 320px;}
/*team*/
.team_right{text-align: left;}
.team_left span,.team_right span{display: block;font-size: 15px;margin-bottom: 20px;}
.team_left img,.team_right img{width: 100%;}
/*gallery*/
.gallery iframe{min-height: 300px;}
/*map*/
.contacts_half{width: 100%;}
.contacts_half:first-child{margin-bottom: 40px;}
/*form*/
.col-Title{margin-bottom: 25px;}
.col-Title,.col-Name{width: 100%;float: left;padding: 0 20px;}
.form-half{width: 100%;}
.form input[type="submit"].form-control{width: 100%;padding: 15px 0;text-align: center;}
/*profile*/
.sidelogin_menu,.profile_content{width: 100%;padding: 0 15px;margin-bottom: 25px}
/*location*/
.sidemap-box,.storegooglemap{width: 100%;margin:0 0 30px 0;}
}
@media all and (max-width : 767px) {
/*slider*/
.slick-dots li button:before{font-size: 40px;}
.slick-dots li{margin:0 3px;}
.featured_collection .featured_grid,.col_product{width: 50%;}
/*swiss grey*/
.swisswrap .content h2{font-size: 36px;line-height: 1;margin-bottom: 15px;}
/*news*/
.news_date{
width: 100%;
float: left;
margin-bottom: 15px;
}
.news_content{
width: 100%;
float: left;
color: #8d8d8d;
}
/*login*/
.login_contianer{margin: 20px 0 80px 0;}
.login_contianer h1{margin-bottom: 25px !important;}
.login_contianer .login{
width: 100%;
margin-bottom: 35px;
}
.login_contianer .register form{border-bottom: 1px solid #ddd;padding-bottom: 35px;}
.login_contianer .register,.login_contianer .login{width: 100%;}
.login_contianer .login{margin-top: 25px;}
.register_form{max-width: 100%;}
.register_form .formlabel,.register_form .forminput,.myprofile_form .formlabel,.myprofile_form .forminput{width: 100%;text-align: left;padding: 0;}
.register_form .formlabel,.myprofile_form .formlabel{position: relative;top: auto;margin-bottom: 5px;}
.addressOption .box{width: 50%}
.login_contianer input{max-width: 100%;}
.process-steps{width: 100%;}
.process-steps ul li{padding: 3px 8px;}
.processbar{padding: 0;}
.processbar .icon{
background-color: #f5f5f5;
border:2px solid #ddd;
font-size: 25px;
width: 55px;
height: 55px;
border-radius: 50%;
margin: 0 auto;
line-height: 55px;
margin-bottom: 7px;
}
.service-btn{
position: relative;
right: 0;
top: 0;
margin: 20px 0 0 0;
display: inline-block;
float: left;
}
}
@media all and (max-width : 560px) {
/*product details*/
.product_content{margin-top: 0;}
.easyzoom{width: 100%;}
.zoomimg{width: 100%;}
ul.thumbnails{width: 100%;padding: 0;margin-top: 10px;}
ul.thumbnails li{display: inline-block;max-width: 65px;margin-right: 5px;}
}
/*mobile*/
@media all and (max-width : 500px) {
/*header*/
.toolsnav a span{display: none;}
.featured_collection .featured_grid,.col_product{width: 100%;}
.series_container h3{margin-bottom: 30px;}
.series_grid{width: 100%;margin-bottom: 30px;}
.main_cat_btitle{padding:0 0 30px 0;}
/*video*/
.youtube_container{margin-bottom: 30px;}
/*footer*/
.footer_content,.footerLogo{margin-bottom: 30px;}
.footer_container{padding: 0 20px;}
.footerLogo img{height: 45px;}
/*map*/
.map{width: 100%;min-height: 280px;margin-top: 20px;}
/*details*/
.layercart .cartItem,.layercart .cartTotle{padding: 20px;min-height: 250px;}
.layercart .cartItem .msg{margin-bottom: 10px;}
.layercart .cartItem .itemImg{width: 100px;}
.layercart .cartItem .itemDetails{top: 0;}
.layercart .continuebtn{left: 20px;}
.layercart .checkoutbtn{right: 20px;}
.addressOption .box{width: 100%}
/*profile*/
.addressOption .box{width: 100%;}
.login-name{display: none;}
/*stores*/
.storegooglemap #map,.sidemap-box ul{height: 350px;}
.price img{top: 0;margin-top: 10px;display: block;}
/*process*/
.watch_img{width: 100%;}
.watch_img,.service_details{width: 100%;padding: 15px;}
.service_details{padding-top: 0;}
}
@media all and (max-width : 414px) {
}