@media (min-width: 1200px){
    .col-lg-2 {
        width: 20%;
    }
}
@media only screen and (max-width : 1170px) {
    :root{
        --logo-width: 250px;
        --logo-height: 65px;
    }
    .mask div#abdomen.container, .mask .container {
        width: auto;
        margin: 0;
    }
    .mask div#abdomen div#stomach{
        padding-top: 75px;
    }
	p {
		font-size: 16px;
	}
    .big-head{
        margin-bottom: 0;
		padding-bottom: 20px;
    }
    .big-head strong{
        padding-left: 25px;
        padding-right: 25px;
    }
    .circle-shape.big {
        height: 125px;
        line-height: 125px;
        width: 125px;
    }
    .mask .skull{
        height: 75px;
    }
    .mask #face .logo a{
        margin-left: 10px;
    }
	.mask #face .navmenu .menu{
		margin-top: 0px;
	}
    .mask #face .navmenu .menu li a{
        font-size: 15px;
        padding: 0 15px;
    }
    section.fullwidth{
        padding: 30px;
    }    
    section.fullwidth .container{
        width: auto;
    }
    section h2.headline{
        font-size: 2.6em;
        letter-spacing: 3px;
    }
    section.featured,
    section.featured .default-loading,
    section.featured .slide .ppt-qbpl-img{
        height: 540px;
    }
    section.featured .default-loading{
        line-height: 540px;
    }
	section.featured .slide-content{
		font-size: 1.3em;
		width: 100%;
	}
    section.welcome .team-work-icon{
        margin-top: 2rem;
    }
    section.welcome h2{
        margin-top: 0 !important;
        text-align: center;
    }
    section.welcome p{
        padding: 1rem 2rem;
    }
    section.weAre .bgwhite{
        padding-top: 40px;
        padding-bottom: 60px;
    }
    section.weAre .headline{
        margin-bottom: 0 !important;
    }
	section.weAre .col{
		padding-left: 20px;
		padding-right: 20px;
	}
	section.weDo{
        padding-bottom: 175px !important;
    }
	section.weDo:after{
		margin-top: -200px;
		width: 560px;
	}
    section.weDo .wp-block-columns{
        gap: 0;
    }
    section.weDo .boxes .box{
        padding: 0 2rem !important;
    }
	.mask div#stomach #parentlinks{
		margin-bottom: 30px;
	}
	section.welcome .certiheadline{
		margin-top: 60px;
	}
}
@media only screen and (max-width : 900px) {
    :root{
        --logo-width: 250px;
        --logo-height: 50px;
    }
	.mask div#abdomen div#stomach{
        padding-top: 55px;
    }	
	.mask .skull.sticky,
	.mask .skull{
        height: 55px;
    }
    .mask .skull.sticky #face .logo a,
    .mask #face .logo a{
        margin-top: 5px;
    }
	.mask .skull.sticky #face .navmenu .menu li a,
	.mask #face .navmenu .menu li a{
        font-size: 14px;
		line-height: 20px;
        padding: 0 10px;
    }
	section.featured .carousel-control .glyphicon:before{
		margin: 0;
	}
	section h2.headline, section h2.widget-title{
		font-size: 2.6em;
		margin-bottom: 30px;
	}
	section.weAre .widget{
		padding-left: 10px;
		padding-right: 10px;
	}
	section.welcome .textwidget p{
		padding-left: 300px;
	}
	section.welcome .certiheadline{
		margin-top: 30px;
	}
	section.weDo .boxes{
		margin-top: 40px;
	}
	section.weDo .boxes .box .bicon i{
		font-size: 3.8em;
	}
	section.weDo .boxes .box .bicon .joebuildroads{
	font-size: 3em;
	}
	section.weDo .boxes .box .bicon .joebuildrails{
		font-size: 2.6em;
	}
	section.weDo .boxes .box .caption{
		font-size: 1.1em;
	}
	section.careers .cleft .content .bullets li {
		font-size: 0.9em;
	}
	section.careers .cright{
		padding: 30px;
		width: 100%;
	}
}
@media only screen and (max-width : 767px) {
    .big-head{
        margin-bottom: 0;
    }
    .mask .skull{
        z-index: 1001;
    }
    .mask .skull .navmenu .resmenu{
        background-color: var(--primary-color);
        color: #fff;
        cursor: pointer;
        display: block;
        line-height: 1.5;
        padding: 5px;
        position: absolute;
        right: 20px;
        text-align: center;
        top: 12px;
        z-index: 1002;
    }
    .mask .skull .navmenu .resmenu.active{
        background-color: transparent;
        color: #888;
    }
    .mask .skull .navmenu .resmenu .joemenu:before{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 500ms;
        transition: 500ms;
    }
    .mask .skull .navmenu .resmenu.active .joemenu:before{
        content: '\e82d';
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    .mask .skull .navmenu .navwrap{
        background-color: #fff;
        box-shadow: 0 0 40px rgba(0,0,0,0.5);
        display: block;
        height: 100vh;
        opacity: 0;
        overflow-y: scroll;
        padding: 0;
        position: absolute;
        right: -400px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        width: 0;
        z-index: 1001;
    }
    .mask .skull .navmenu .navwrap.active{
        opacity: 1;
        padding: 60px 20px 20px;
        right: 0;
        width: auto;
    }
    .mask .skull .navmenu .navwrap ul li {
        display: block;
        float: none;
        box-shadow: 0 1px 0 #eee;
    }
    .mask #face .navmenu .menu li a,
    .mask .skull.sticky #face .navmenu .menu li a{
        line-height: 45px;
        padding: 0 20px;
    }
    .mask .skull .navmenu .navwrap ul > li .sub-menu{    
        position: static;
        float: none;
        background-color: var(--secondary-color-light);
        padding-top: 0;
        margin: 5px 0 20px 15px;
        border: 1px solid rgba(255,255,255,0.3);
        border-bottom-width: 0;
        box-shadow: 0 0;
        visibility: visible;
        opacity: 1;        
        -webkit-transition: none;
        transition: none;
        min-width: 150px;
    }
    .mask .skull .navmenu .navwrap ul > li .sub-menu li a{
        font-size: 1.1em;
    }
    .mask #face .navmenu .menu ul{
        background-color: transparent;
        box-shadow: none;
        display: block;
    	opacity: 1;
        padding: 5px;
        position: static;
		visibility: visible;
        width: auto;
    }
    .mask #face .navmenu .menu ul li{
        box-shadow: none;
        border-bottom-width: 0;
        margin-bottom: 1px;
        margin-left: 20px;
    }
    .mask .skull.sticky #face .navmenu .menu ul li a,
    .mask #face .navmenu .menu ul li a{
        background-color: #f6f6f6;
        line-height: 32px;
        padding-left: 10px;
        padding-right: 0;
    }
    section.fullwidth{
        padding: 15px 30px;
    }
    section .subheadline{
        font-size: 0.85em;
    }
    .mask div#stomach article{
        padding: 0;
        width: 100%;
    }
    .mask div#abdomen div#hands{
        padding-top: 20px;
    }
    
    .mask div#stomach article .post-content, .mask div#stomach article .post-content p{
        font-size: 15px;
        line-height: 27px;
    }
    section.featured,
    section.featured .default-loading,
    section.featured .slide .ppt-qbpl-img{
        height: 340px;
    }
    section.featured .default-loading{
        line-height: 340px;
    }
    section.featured .slide-content{
		font-size: 1.1em;
	}
	.carousel-indicators{
		display: none;
	}
	section.featured .carousel-control .glyphicon {
		font-size: 2em;
	}	
	section.welcome .textwidget:before{
		position: static;
		margin-bottom: 30px;
	}
    section.welcome .textwidget p{
        padding-left: 0;
        padding-right: 0;
    }
	section.weDo .boxes .box{
		margin-bottom: 30px;
		text-align: center;
	}
	section.weDo .boxes .box .bicon i{
		margin-bottom: 0;
	}
	section.weDo:after{
		width: 520px;
	}
    section.weAre .widget .textwidget{
        border-bottom-width: 0;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    section.weAre .widget .widget-icon{
        font-size: 4em;
        margin-top: 15px;
    }
    section.weAre .widget-title{
        font-size: 1.8em;
    }
    section.weAre .widget .widget-content{
        line-height: 1.8;
    }
	section.safety,
	section.safety .dot-pattern {
		height: 300px;
	}
	section.safety .dot-pattern {
		margin-top: -15px;
	}
	section.safety .h2{
		font-size: 1.8em;
		line-height: 1.75;
	}
    .mask div#stomach.single .gallery .gallery-item{
        float: none;
        width: 100%;
    }
    .mask div#stomach.single article.project div.post-content img{
        border: 0;
        height: auto;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
        width: 100%;
    }
	.mask .post-content .toggleview{
		width: 100%;
		margin-bottom: 20px;
	}
    section.qbplinfo {
        padding-bottom: 40px;
        padding-top: 40px;
        text-align: center;
    }
    section.qbplinfo li.widget{
        margin-bottom: 30px;
    }
    section.qbplinfo p {
        line-height: 1.8;
    }
	.mask div#stomach .page .vission .box{
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 20px;
	}
    .mask div#stomach .map-address{
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }
	footer#legs .reserve,
	footer#legs .copyinfo{
		text-align: center;
	}
	footer#legs .siteinfo {
		float: none !important;
		text-align: center;
	}
}
@media only screen and (max-width : 508px) {    
    .big-head strong{
        font-size: 1.2em;
        padding: 0 10px;
    }
    .h2, h2{
        font-size: 26px;
    }
    section h2.headline{
        font-size: 2.4em;       
    }
    .mask div#abdomen div#stomach, .mask div#hands{
        padding: 55px 10px 10px;
    }
    div#stomach h1.big-head{
        margin: 10px 0;
    }
	section.fullwidth{
		padding: 15px 0;
	}
    section.featured,
    section.featured .default-loading,
    section.featured .slide .ppt-qbpl-img{
        height: 280px;
    }
    section.featured .default-loading{
        line-height: 280px;
    }
    section.featured .slide-content{
        font-size: 1em;
		letter-spacing: 0;
    }
	section.welcome .textwidget p {
		font-size: 1.1em;
		line-height: 1.4;
		letter-spacing: 0;
		margin-bottom: 10px;
	}
	section.weDo .boxes .box {
		padding: 0;
	}
	section.weDo .boxes .box .caption{
		font-size: 0.9em;
		line-height: 1.6;
		margin-top: 10px;
	}
	section.weDo:after{
		width: 350px;
		margin-top: -130px;
	}
	section.safety, section.safety .dot-pattern {
		height: 230px;
	}
	section.safety .dot-pattern{
		margin-left: -15px;
	}
	section.safety .h2 {
		font-size: 1.3em;
		line-height: 2;
		margin-top: 65px;
	}
	section.cliental .client.c6 {
		height: 45px;
		width: 317px;
	}
	section.careers .btn-action{
		width: 100%;
	}
	section.careers .cright {
		border-radius: 5px;
		margin-top: 10px;
	}
    section.qbplinfo{
        margin-top: 20px;
    }
    footer#legs{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    footer#legs .flogo i{
        font-size: 2em;
        width: 65px;
    }
}

@media only screen and (max-width : 320px) {
    body{
        font-size: 13px;
    }
    section.featured,
    section.featured .default-loading,
    section.featured .slide .ppt-qbpl-img{
        height: 250px;
    }
    section.featured .default-loading{
        line-height: 250px;
    }
    section.weDo:after{
		margin-top: -110px;
		width: 300px;
	}
	section.safety .h2 {
		font-size: 1.2em;
		margin-top: 80px;
	}
	section.cliental .client.c6 {
		height: 38px;
		width: 257px;
	}
}
@media screen and (min-device-width : 320px) and (max-device-width : 568px) {
    header#skull .topbar .nav-items{height:568px;}
    header#skull h1 .head2{font-size: 1em;}
}
@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape){
    header#skull .topbar .nav-items{height:320px;}
    header#skull h1 .head2{font-size: 1.4em;}
}
@media screen and (min-device-width : 375px) and (max-device-width : 667px) {
    header#skull .topbar .nav-items{height:667px;}
    header#skull h1 .head2{font-size: 1.1em;}
}
@media screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){
    header#skull .topbar .nav-items{height:375px;}
    header#skull h1 .head2{font-size: 1.4em;}
}
@media screen and (min-device-width : 414px) and (max-device-width : 736px) {
    header#skull .topbar .nav-items{height:736px;}
    header#skull h1 .head2{font-size: 1.2em;}
}
@media screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape){
    header#skull .topbar .nav-items{height:414px;}
    header#skull h1 .head2{font-size: 1.6em;}
}
@media screen and (device-aspect-ratio: 3/4) and (orientation:portrait) {
    header#skull .topbar .nav-items{height:768px;}
    header#skull h1 .head2{font-size: 2.4em;}
}
@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
    header#skull .topbar .nav-items{height:480px;}
    header#skull h1 .head2{
        font-size: 1em;
    }
}
@media screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:landscape){
    header#skull .topbar .nav-items{height:320px;}
    header#skull h1 .head2{font-size: 1.4em;}
}
/*---:[ clearfix ]:---*/
.columns:after, .menu:after, .post_box:after, .post_content:after, .author_description:after, .sidebar:after, .query_box:after, .prev_next:after, .comment_text:after, .comment_nav:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}