/*Stop animation on mobile*/
@media only screen and (max-width: 767px){
    body .wpb_animate_when_almost_visible{
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
}

/*Header*/
@media only screen and (max-width: 1024px){
   
   .mobmenu-left-panel .mobmenu-left-bt,
   .mobmenu-right-panel .mobmenu-right-bt {
    	right: 15px;
    	top: 15px;
    	font-size:25px;
    }
    
    .mobmenu-left-panel .mobmenu-left-bt .mob-cancel-button,
    .mobmenu-right-panel .mobmenu-right-bt .mob-cancel-button{
        font-size:25px !important;
    }
    
    .mob-expand-submenu i {
    	font-size: 20px;
    }
    
    .mobmenu-content ul.sub-menu > li,
	.mobmenu-content li a {
		border-bottom: 1px solid white;
	}

	.mobmenu-content ul.sub-menu > li a,
	.mobmenu-content ul.mobmenuright > li:last-child a {
		border-bottom: 0px solid transparent;
	}
	
    #masthead{display:none;}
    
    .mobmenu-content #mobmenuright .sub-menu a{position:relative;}
    
    .mobmenu-content #mobmenuright .sub-menu a:before{
        position:absolute;
        content:'-';
        top:50%;
        left:0;
        transform:translateY(-50%);
    }
}

/*Banner*/
@media only screen and (max-width: 767px){
    .banner{margin-bottom:0;}
    .product-banner{margin-bottom:35px;}
    
     .banner .wpb_revslider_element .title-sb{text-align:center !important;}
}

/*sidebar footer*/
@media only screen and (max-width: 991px){
    #sidebar-footer .sidebar-column:nth-child(1){width:100%;}
    #sidebar-footer .sidebar-column:nth-child(2){width:100%;}
    #sidebar-footer .sidebar-column:nth-child(3){width:100%;}
    
    #sidebar-footer .sidebar-column:nth-child(1) .widget_media_image{text-align:center;}
    
    #sidebar-footer .sidebar-column .widget:last-child{margin-bottom:20px;}
    #sidebar-footer .sidebar-column:last-child .widget:last-child{margin-bottom:0;}
    
    #sidebar-footer .sidebar-column:nth-child(2) .widget,
    #sidebar-footer .sidebar-column:nth-child(3) .widget{
        min-width:300px;
        margin-left:auto;
        margin-right:auto;
    }
    #sidebar-footer .sidebar-column .widget_text h3{text-align:center;}
    #sidebar-footer .sidebar-column .widget .textwidget{text-align:center;}
    
    #sidebar-footer .sidebar-column .widget .textwidget p .add{display:inline-block;}
    #sidebar-footer .sidebar-column .widget .textwidget p .add:last-child{display:block;}
    
    #sidebar-footer .sidebar-column:nth-child(1) .widget_media_image img{
        height:40px !important;
    }
    
    #sidebar-footer .sidebar-column:nth-child(1) .widget_media_image{
        margin-top:0;
    }
    
    #sidebar-footer .sidebar-column:nth-child(3) .widget_text .tel2,
    #sidebar-footer .sidebar-column:nth-child(3) .widget_text .tel3{
        padding-left:11px;
    }
}

/*colophon*/
@media only screen and (max-width: 767px) {
    
    #colophon .site-info{
        text-align:center;
        line-height:1.2;
    }
    
    #colophon p.inspiren,
    #colophon .inspiren-right{
        float:none;
        line-height:1.2;
        text-align:center;
        display:inline;
    }
    
    #colophon .sep{display:none;}
    
    #colophon .inspiren-right,
    #colophon p .reserve{display:inline-block;}
}

/*Why choose us*/
@media only screen and (max-width: 767px) {
    #why-choose-us{
        padding-top:0;
        padding-bottom:0;
    }
    
    #why-choose-us .all-title{margin-bottom:20px;}
    #why-choose-us .choose-desc{margin-bottom:20px;}
    
    #why-choose-us .readmore a.vc_general.vc_btn3{font-size:16px;}
    
    .footer-choose-us #why-choose-us{padding-top:35px}
}

/*style*/
@media only screen and (max-width: 767px) {
    .woocommerce.single-product #primary .product h3.product_title.entry-title,
    .single-post .entry-header .title-post,
    .all-title{text-align:center;}
}

@media only screen and (max-width: 600px) {
    .all-title.got-logo:before,
    .all-title.got-logo:after{
    	display:none;
    }
    
    .all-title.got-logo{width:100%;}
}

@media only screen and (max-width: 479px){
    .search.woocommerce .woocommerce-products-header .archive-title,
    .woocommerce.single-product #primary .product h3.product_title.entry-title,
    .single-post .entry-header .title-post,
    .all-title{font-size:6.3vw;}
    
    .home-expertise .expert-cat .expert-title{font-size:18px;}
    
    .power-deck-row .power-deck-title,
    #why-choose-us .choose-desc,
    .deck-method .method-title{font-size:20px;}
    
    .single-post .entry-header .title-post,
    .blog-post .blog-title h4,
    .related-post-item .post-title{font-size:20px;}
    
    #why-choose-us .readmore a.vc_general.vc_btn3{font-size:14px;}
    
    .readmore .vc_general.vc_btn3{line-height:1 !important;}
}

/*row 2 column padding*/
@media only screen and (max-width: 767px){
    
    .row-2-col > .wpb_column:first-child{padding-right:0;}
    .row-2-col > .wpb_column:last-child{padding-left:0;}
}

/*read more btn*/
@media only screen and (max-width: 767px){
    .readmore{text-align:center !important;}
    .home-expertise .readmore{text-align:left !important;}
    .blog-post .readmore{text-align:left !important;}
    .related-post-item .readmore{text-align:left !important;}
}

/*home*/
@media only screen and (max-width: 767px) {
    .home-about > .wpb_column {
    	width: 100%;
    	margin-left: auto;
    	margin-right: auto;
    	float: none;
    }
    
    .home-about{
        margin-bottom:0;
        padding-top:0;
        padding-bottom:0;
    }
    
    .home-expertise > .wpb_column > .vc_column-inner > .wpb_wrapper{
        display: flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        align-items:stretch;
        grid-gap: 0;
        margin-left:0;
    }
    
    .home-expertise .expert-cat{margin-bottom:35px;}
    
    .home-expertise .expert-cat:nth-child(2n+1){
        width: calc(50% - 7.5px);
        margin-left:0;
        margin-right:7.5px;
    }
    
    .home-expertise .expert-cat:nth-child(2n){
        width: calc(50% - 7.5px);
        margin-left:7.5px;
        margin-right:0;
    }
    
    .home-expertise .expert-cat > .wpb_column > .vc_column-inner{
        padding-left:15px;
        padding-right:15px;
    }
    
    .home-expertise{margin-bottom:0;}
    .home-power-deck-content{margin-bottom:0;}
    
    .power-deck-row{margin-right:-15px;}
    
    .power-deck-row > .wpb_column:nth-child(1) > .vc_column-inner {
    	padding-right: 15px;
    }
    .power-deck-row > .wpb_column:nth-child(2) > .vc_column-inner {
    	padding-left: 15px;
    	padding-top:15px;
    	margin-left:15px;
    	margin-right:15px;
    }
    
    .power-deck-row > .wpb_column:nth-child(2) > .vc_column-inner .readmore {
    	margin-bottom: 15px;
    }
    
    .power-deck-row .power-deck-title br{display:none;}
    .power-deck-row .power-deck-title{margin-bottom:20px;}
    .home-power-deck{margin-bottom:0;}
    .home-choose-us {margin-bottom: 0;}
    .home-project {margin-bottom: 0;}
    
    .home-project .blog-post .vc_grid-item {
    	padding: 0 5px 35px 0 !important;
    }
    
    .home-about .wpb_text_column{text-align:center;}
    .home-power-deck-content .wpb_text_column{text-align:center;}
    .power-deck-row .power-deck-title{text-align:center !important;}
}

@media only screen and (max-width: 600px) {
    .home-expertise .expert-cat{height:250px;}
    .blog-post .vc_grid-item .vc_gitem-animated-block .vc_gitem-zone{height:250px;}
    .related-post-item .related-post-img{height:250px;}
}

@media only screen and (max-width: 479px) {
    .home-expertise{margin-bottom:35px;}
    .home-expertise .expert-cat:nth-child(2n+1),
    .home-expertise .expert-cat:nth-child(2n){
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .home-expertise .expert-cat:last-child{margin-bottom:0;}
    
}

/*About */
@media only screen and (max-width: 767px) {
    .about-choose {
    	margin-bottom: 0;
    }
    
    .about-choose .choose-icon-row{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        align-items:stretch;
    }
    
    .about-choose .choose-icon-row > .wpb_column{
        width:50%;
    }
    
    .about-choose .icon figure::before {
    	content: '';
    	position: absolute;
    	top: 40%;
    	left: 60%;
    	transform: translate(-50%,-50%);
    	width: 55px;
    	height: 55px;
    	background-color: #e1e1e1;
    	border-radius: 50%;
    	z-index: 1;
    }
    
    .about-choose .icon figure img {
    	width: auto;
    	height: 55px;
    }
}

/*Our expertise - Woocormerce template*/
@media only screen and (max-width: 991px){
    .woocommerce #content.page-wrap .content-wrapper .row {
    	display: flex;
    	flex-direction: column-reverse;
    	flex-wrap: wrap;
    }
    
    .woocommerce #content.page-wrap .content-wrapper .row #primary{
        padding-left:15px;
        padding-right:15px;
        width:100%;
    }
    .woocommerce #content.page-wrap .content-wrapper .row #secondary{
        padding-right:15px;
        padding-left:15px;
        width:100%;
    }
    
    .woocommerce.single-product #primary .product > .woocommerce-tabs .woocommerce-Tabs-panel{margin-bottom:0;}
    .woocommerce.single-product #primary .product > .woocommerce-tabs .woocommerce-Tabs-panel .wpb_text_column{text-align:center;}
}

/*Power deck*/
@media only screen and (max-width: 767px){
    .deck-main {margin-bottom: 0;}
    .deck-icon {padding-top: 0;}
    
    .deck-main .vc_empty_space{display:none;}
    
    .deck-icon > .wpb_column > .vc_column-inner > .wpb_wrapper {
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	justify-content: center;
    	align-items: stretch;
    }
    
    .deck-icon .wpb_single_image h2{margin-bottom:0}
    
    .deck-icon > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image{
        width:50%;
    }
    
    .deck-icon .wpb_single_image figure img {
    	width: auto;
    	height: 50px;
    }
    
    .deck-video {
    	padding-top: 0;
    	padding-bottom: 0;
    	margin-bottom:0;
    }
    
    .deck-video .wpb_video_widget,
    .deck-video .video > .wpb_wrapper{
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    
    .deck-method{
        margin-bottom:0;
        padding-top:35px;
        padding-bottom:0;
    }

}

@media only screen and (max-width: 400px){
    .deck-main > .wpb_column:nth-child(1) table tr th,
    .deck-main > .wpb_column:nth-child(1) table tr td {
    	padding: 5px 15px;
    }

    .deck-table-flex .wpb_text_column {
    	padding-right:15px;
    }
    
    .deck-table-flex .wpb_text_column:last-child{padding-right:0;}
}

/*Contact*/
@media only screen and (max-width: 767px){
    .contact-map {margin-bottom: 0;}
    .contact-row {margin-bottom: 0;}
    
    .contact-section{
        display:flex;
        flex-direction:column-reverse;
        flex-wrap:wrap;
    }
    
    .contact-section .contact-row{
        display:flex;
        flex-direction:column-reverse;
        flex-wrap:wrap;
    }
    
    .contact-section .contact-row .contact-info{
        text-align:center;
    }
    
    .contact-info .working-hour table tr td{
        text-align:center;
    }
    
    .contact-info .tel2,
    .contact-info .tel3{
        padding-left:11px;
    }
    
}

/*Contact Form*/
@media only screen and (max-width: 767px){
    .contact-form #send{text-align:center;}
}

/*Our project*/
@media only screen and (max-width: 767px){
    .blog-post .vc_grid-item {
    	padding: 0 35px 35px 0 !important;
    }
    
    .project-main {margin-bottom: 0;}
    
    .project-grid {margin-bottom: 0;}
    
    .widget-related-post {
    	padding-top: 35px;
    	padding-bottom: 35px;
    }
    
    .widget-related-post ul{margin-bottom:0;}
    
    .widget-related-post ul li {
    	display: block;
    	width: 100%;
    }
    
    .widget-related-post ul li{margin-bottom:30px;}
    .widget-related-post ul li:last-child{margin-bottom:0;}
}

@media only screen and (max-width: 600px){
    .related-post-item .related-post-img{overflow:hidden;}
    .related-post-item .related-post-img img{
        max-height:250px;
        object-fit: cover;
        object-position: center;
    }
}

/*post title block*/
@media only screen and (max-width: 767px){
    .related-post-item .post-title,
    .blog-post .blog-title h4{
        width:100%;
        margin-right:auto;
    }
}