src/main/webapp/front/xznstatic/css/responsive.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@media (max-width: 1024px) {
	.header .header-top {position: relative;}
	.header .header-top .container,
	.header .header-top .top-info,
	.header .header-top .container .col-md-12.pull-right {position: static;}
	.header .header-top .top-info:before {transform: skew(0);border-radius: 0;width: 100%;top:0;right:0;left:0;bottom:0;}
	.header .menuzord-menu > li > a .ftc-icon-shopping-bag2,
	.header .menuzord-menu > li.search-button > a .fa {display: none;}
	.header .menuzord-menu > li > a.flip-flop-btn span:not(.indicator) {transform: none;}
	.header .menuzord-menu > li > a.flip-flop-btn span:not(.indicator)::before {display: none;}
	.menuzord-responsive .menuzord-menu li .indicator {z-index: 99;transform:none;}
	.menuzord-responsive .menuzord-menu > li > a {color: #fff !important;text-transform: uppercase;}
	.header .menuzord .megamenu .offer-home {display: none;}
	.header .menuzord .megamenu {padding-left: 0px;}
	.header .search-box {position: static;}
	.header.stricky {max-height: 100vh;overflow: auto;width: 100%;_float: left;}

	.menuzord-responsive .menuzord-menu.scrollable {background: #A6C311; }
    .header .menuzord .megamenu {padding-bottom: 15px;}
    .header .menuzord .megamenu h3 {margin-left: 40px;}
    .header .menuzord .megamenu .col4+.col4 {padding-top: 20px;}
    .header .menuzord .megamenu .col4:last-child {padding-top: 0px;margin-top: 0 !important;min-height: 0 !important;}
    .header .menuzord .megamenu ul li {margin-left: 0;}
    .header .menuzord .megamenu ul li > a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; clear: both; color: #888; display: inline-block; float: none; outline: 0 none; padding: 10px 25px 10px 40px; position: relative; text-decoration: none; transition: padding 0.2s linear 0s; width: 100%; font-size: 12px; border-bottom: 1px solid #f0f0f0; }
    .header .menuzord .megamenu ul li > a > span {font-size: inherit;color: inherit;display: none;}
    .header .menuzord .megamenu ul li:last-child a {border-bottom: 0;}
    .header .menuzord .megamenu ul li:hover > a {background-color: transparent;color: inherit;padding-left: 50px;}
    .header .menuzord .megamenu ul.header-cart-box {padding-left: 15px;}
    .menuzord .showhide {background: #9bb60e none repeat scroll 0 0; height: 45px; padding: 11px 0; width: 55px; margin-top: 14px;}
    .menuzord .showhide em{background: #fff;margin: 3px 17px 0;}
	.header .navigation {padding: 20px 0; }
	.header.stricky-fixed .navigation {padding: 0px 0;}

	/*.stricky + section {margin-top: 170px;}
	.stricky.header-v1 + section, .stricky.header-v4 + section, .stricky.home-3 + section {margin-top: 0;}*/

	.slider-bottom-left a span {font-size: 16px;}
	.slider-bottom-right a {bottom: 22px; line-height: 30px; padding: 0 15px; font-size: 11px; }
	.slider-bottom-right {top: -133px;}

	.fitness-care-gym-area .single-item .left-box {display: none;}

	.fitness-care-gym-area .single-item .icon-holder {float: left; left: 0; position: relative; top: 5px; width: 110px; height: 110px;}
	.fitness-care-gym-area .single-item .right-box {border: 0 none; float: right; height: auto; left: 0px; padding: 0; position: relative; width: 70%; }
	.fitness-care-gym-area .single-item .icon-holder::before {right: 175px; top: -155px;}
	.fitness-care-gym-area .single-item .icon-holder i {font-size: 45px;line-height: 110px;}
	.fitness-care-gym-area .single-item .right-box h3 {font-size: 21px;margin-bottom: 5px;}
	.fitness-care-gym-area .single-item .right-box p {font-size: 13px;}
	.fitness-care-gym-area .single-item .icon-holder {top: 13px;}

	.support-content .single-item .content h3 {font-size: 18px; }
	.support-content .single-item .content p {font-size: 12px;}

	.workout-schedules-area .single-item {margin-bottom: 30px;}
	.workout-schedules-area {padding-bottom: 50px;}
	.experienced-trainer-area {padding-bottom: 50px;}
	.experienced-trainer-area .single-item {margin-bottom: 30px;}
	.experienced-trainer-area .single-item .img-holder > img {width: 100%; }
	.experienced-trainer-area .single-item .img-holder .overlay-content {top: 100%;margin-top: -140px;}