@media (min-width: 992px) and (max-width: 1199px) {
.content-wrapper{
width:100%;
}
.banner-text{
margin-left:0;
font-size: 1.8em;
text-align: center;
}
.banner-text h3{
font-size: 1.2em;
}
.index-service-list img{
max-width:100%;
height:auto;
}
}
@media (max-width: 991px) {
.banner{
margin-top:60px;
}
.content .content-wrapper, .footer-contact-form .content-wrapper ,.content-wrapper{
max-width:100%;
width:100%;
padding-top: 20px;
padding-bottom: 20px;
}
.mobile-menu-btn{
display: block;
height: 25px;
right: 20px;
margin: auto;
overflow: hidden;
position: absolute;
top: 10px;
width: 25px;
z-index: 100;	
cursor:pointer;    
}
.mobile-menu-btn div {
background:#666;
height: 3px;
margin: auto;
transition: all 0.3s ease 0s;
width: 25px;
}
.mobile-menu-btn div:nth-of-type(1) {
position: absolute;
top: 3px;
}
.mobile-menu-btn div:nth-of-type(2) {
bottom: -50%;
opacity: 100;
position: absolute;
top: -50%;
}
.mobile-menu-btn div:nth-of-type(3) {
bottom: 3px;
position: absolute;
}
.mobile-menu-btn.active div:nth-of-type(1) {
position: absolute;
top: 10px;
transform: rotate(45deg);
}
.mobile-menu-btn.active div:nth-of-type(2) {
opacity: 0;
}
.mobile-menu-btn.active div:nth-of-type(3) {
bottom: 12px;
position: absolute;
transform: rotate(-45deg);
}
.mobile-menu-btn.active {
position: fixed;
top:15px !important;
}
.page-title-section{
margin-top:60px;
}
.logo {
padding-left:15px;
padding-right:15px;
}
.logo img {
width: auto;
height: 40px;
display: block;
}
header .content-wrapper{
padding:0;
}
header{
height: 60px;
}
h3.title {
font-size: 1.5em;
margin-bottom: 10px;
} div[class^="menu-top"] ul {
flex-direction: column;
}
div[class^="menu-top"] {
display: block;
height: 100%;
position: fixed;
left:0;
right:65px;
background:rgba(0,0,0,.85);
z-index: 100;
}
div[class^="menu-top"] li:after{
display: none !important;
}
div[class^="menu-top"] ul a{
color:#fff;
padding: 20px 20px;
}
div[class^='menu-top'] .menu-item-has-children .sub-menu {
position: relative;
top: unset;
margin: auto;
display: flex;
flex-direction: column;
background: #666;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
opacity: 1;
visibility: visible;
transition: all .3s linear;
}
div[class^='menu-top'] .menu-item-has-children .sub-menu li{
display: none;
border-bottom: 1px solid #888;
}
div[class^='menu-top'] .menu-item-has-children .sub-menu li:last-child{		
border-bottom:  0;
}
div[class^='menu-top'] .menu-item-has-children .sub-menu a,div[class^='menu-top'] .menu-item-has-children .sub-menu a:hover{
border-bottom:0;
}
div[class^='menu-top'] .menu-item-has-children .sub-menu a{
padding:20px;
}
body>header #menu-top-menu>li {
padding-bottom: 0px;
padding-top: 0px;
border-bottom: 1px solid rgba(255,255,255,.2);
width:100%;
}
div[class^='menu-top']{
transform: translateX(-100%);
transition: all .3s linear;
}
div[class^='menu-top'].active{
transform: translateX(0);
}
div[class^='menu-top'] .menu-item-has-children .row-btn{
position: absolute;
right: 0px;
top:0;
margin: 0;
width: 60px;
height: 60px;
background-image: url(//lightinggas.com.hk/wp-content/themes/blankslate/img/menu-row.png);
background-size:contain;
background-repeat: no-repeat;
content:"";
display: block !important;
transition: all .3s linear;
cursor: pointer;
}
div[class^='menu-top'] .menu-item-has-children .row-btn.active{
transform: rotate(180deg);
}
header {
padding-top: 5px;
padding-bottom: 5px;
}
.logo a{
display: block;
margin: auto;
}
.left-menu {
right: 55px;
}
div[class^="menu-top"] .menu-item-has-children>a:after{
visibility: hidden;
}
.product-cat-menu select {
display: block;
margin: 0 auto;
padding: 10px;
font-size: 16px;
font-weight: bold;
border-radius: 5px;
border: 2px solid #333;
background-color: #f9f9f9;
cursor: pointer;
width:100%;
color: rgb(102, 102, 102) !important;
}
.product-cat-menu .product-cat-list{
display: none !important;
}
.home select{
padding:10px;
display: block;
margin:0 auto;
margin-bottom:20px;
width: 100%;
color: rgb(102, 102, 102);
}
div[class^="menu-top"]>ul {
padding-left: 0px;
}
.contact-logo img{
max-width: 80%;
height: auto;
display: block;
margin: auto;
}
.contact-logo{
margin-bottom:30px;
}
.contact-info{
overflow: hidden;
}
.half-style-img {
width: 100vw;
height: 220px;
position: relative;
top:-60px;
bottom:unset;
right:-15px;
left:-15px;
}
.half-style-content{
margin-left:15px;
margin-right:15px;
}
.section{
overflow: hidden;
}
iframe{
height: 560px;
}
div#popup-content img {
width: 390px;
max-width:100%;
max-height:100%;
height:auto;
}
div#popup-content {
position: fixed;
top: 15px;
left: 15px;
transform: unset;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
background-color: #fff;
right: 15px;
margin: auto;
display: block;
}
.section .section-wrapper{
padding-top:60px !important;
}
.wc-tab table{
width:100% !important;
}
}