@media screen and (max-width: 1024px){
}
@media only screen and (max-width: 960px){
	.footer_box{
		margin-bottom: 15px;
	}
	.container.penci_sidebar #main {
		width: 100%;
		margin: 0 0 60px 0;
		padding: 0 !important;
		float: none !important;
	}
	.penci-sidebar-content {
	    position: static !important;
	    margin-left: 0 !important;
	    top: auto !important;
	    float: none !important;
	    width: 100% !important;
	}
	.widget ul.penci-feed-2columns li {
	    width: 47%;
	    float: left;
	    padding-bottom: 0;
	    margin-bottom: 20px;
	    border-bottom: none;
	}
	.widget ul.penci-2columns-feed>li:nth-child(2n+1) {
	    clear: both;
	    margin-right: 6%;
	}
	.widget ul.penci-feed-2columns li .side-item .side-image, .widget ul.penci-feed-2columns li .side-item .side-image.thumbnail-right {
	    width: 100%;
	    margin: 0 0 16px 0;
	    float: none !important;
	}
	.widget ul.penci-2columns-feed li .side-item .side-item-text{
		width: 100%;
	}
}
@media screen and (max-width: 767px) and (min-width: 320px){
	.container.penci_sidebar #main{
		width: 100%;
	    padding: 0;
	}
	.penci-sidebar-content{
		width: 100%;
	}
	.penci-grid li.list-post .item>.thumbnail{
		margin-bottom: 30px;
		width: 100%;
		display: block;
		height: auto;
		min-height: 0;
		float: none;
		max-width: 100%;
	}
	.penci-grid li.list-post .item .content-list-right{
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
    .subheader .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1100px){
	/* Sub Header */
	.subheader{padding: 80px 0;}
	.subheader h1, .subheader h2{font-size: 28px;margin-bottom: 5px;line-height: 30px; font-weight: bold;}
}
@media screen and (max-width: 991px){
	/* Sub Header */
	.subheader{padding: 80px 0;}
	/* 404 Page */
    .box_error404 div.useful{display: none;}
    .box_error404{width: 100%;}
    .box_error404 div.go{margin-bottom: 0;}
	/* Single Page */
    .no-sidebar .box-main article, .comments{max-width: 100%;}
    .item-related h3{font-size: 15px;}
}
@media screen and (min-width: 992px) and (max-width: 1100px){
	/* Archive Page */
	.penci-grid li.list-post .item .content-list-right{padding-left: 325px}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	/* Archive Page */
	.penci-grid li.list-post .item .content-list-right{padding-left: 360px}
	#sidebar{display: none;}
}
@media screen and (max-width: 767px){
	/* Sub Header */
	.subheader{padding: 40px 0;	}
	.subheader h1, .subheader h2{font-size: 28px;margin-bottom: 5px;line-height: 30px; font-weight: bold;}
	/* Search Page */
	.medium-data .thumbnail{max-width: 114px;}
	.medium-data-title{font-size: 14px; line-height: 18px;}
	.medium-data-zero .medium-data-author, .medium-data-zero .medium-data-time, .medium-data-excerpt{display: none;}
    .medium-data-one{padding-left: 125px;}
}
@media screen and (max-width: 576px){
	/* Layout */
	.container{padding: 0 8px;}
	/* Logo */
	.logo{left: 15px; top: 18px;}
	/* Header right */
	.cart-shopping, .language-but, .login-but, .search-but{width: 30px;height: 30px;background-size: cover;}
	/* Single Page */
	.no-sidebar .box-main{padding: 30px 10px; margin: -70px 0 0;}
	.no-sidebar .box-main article{max-width: 100%;}
	/* 404 Page */
	.box_error404 div.big{font-size: 115px;line-height: 95px;}
	.box_error404 div.go a{font-size: 15px;}
	/* Single Page */
	.post-box-meta-single{font-size: 12px;}
	.post-related{padding-bottom: 0;}
	.post-title-box, #respond h3.comment-reply-title{margin-bottom: 15px}
	#respond h3.comment-reply-title span, .post-box-title{font-size: 18px;}
	.item-related{width: 100%; margin: 0 0 15px;}
	.item-related h3{line-height: 18px;font-size: 15px;}
	.comment-respond_head h3{font-size: 15px;}
	.comment_left, .comment_right{width: 100%}
	/* Box share */
	.box_share{display: none;}
}


@media screen and (max-width: 1100px){
    header .company-name{display: none;}
    .home-office img{max-width: 100%;}
    .youtube-wrapper iframe{width: 100%;}
    .home-testimonials .owl-nav .owl-next{right: 0;}
    header.header{height: 70px;}
    .home-banner .home-banner-video{height: auto;}
    .nav-overlay{z-index: 7}
    .navigation ul{text-align: left;padding: 20px;background-color: #0067ac;}
	.navigation ul li{padding: 5px 0;margin: 0 0 1px;display: inline-block;width: 100%;}
	.navigation ul li a{color: #fff;font-size: 15px;line-height: 22px;display: inline-block;width: 100%}
	.home_start_item a{background-color: #099a90; color: #fff;}
	.navigation li:hover ul{display: none;}
	.menu li a{position: relative;}
	.menu li a .indicator {text-decoration: none;position: absolute;top: 0;right: 0;height: 100%;z-index: 20;font-size: 17px;font-style: normal;text-align: right;line-height: 1;color: #ffffff;transition: color 0.3s;-webkit-transition: color 0.3s;-moz-transition: color 0.3s}
	.nav-mobile ul.sub-menu {border-top: none;display: none;padding: 10px 0 10px 0px;position: static;background: transparent;}
	.navigation li ul li{background-color: transparent;border: none; padding: 5px ​0}
	.navigation li ul li a{color: #970e24;font-size: 13px;font-weight: 300;margin: 0 0 0 10px}
	.navigation ul li.current_page_item a, .navigation ul li a:hover{color: #8fd2ff;}
	.navigation li ul{position: static;width: 100%;visibility: inherit;opacity: 1;}
	.navigation .mega_menu ul{position: static; width: 100%;background-color: transparent;box-shadow: none; opacity: 1;   visibility: inherit;}
	.navigation .mega_menu:hover ul{display: none;}
	.navigation .mega_menu.mega_menu_3 ul li{width: 100%;border: none;}
.navigation .mega_menu.mega_menu_5 ul li:nth-child(1){width: 100%;border: none;}
.navigation .mega_menu.mega_menu_5 ul li:nth-child(2){width: 100%;border: none;}
.navigation .mega_menu.mega_menu_5 ul li:nth-child(3){width: 100%;border: none;}
.navigation .mega_menu.mega_menu_5 ul li:nth-child(4){width: 100%;border: none;}
.navigation .mega_menu.mega_menu_5 ul li:nth-child(5){width: 100%;border: none;}
	.navigation .mega_menu ul ul{display: block !important;}
	.subheader{padding: 0; margin-bottom: 15px;}
	.subheader_image{height: 100px;}
	.content h1{font-size: 22px; line-height: 28px;}
	.penci-grid li.list-post:first-child .penci-image-holder:before {padding-top: 325px;}
	.penci-grid li.list-post .item .content-list-right {padding-left: 0;}
	.header_bottom_search{display: none;}
	.featured_image a{height:auto;}
	.featured_image img{height: auto}
	.featured_content{top: 25%;}
	.featured_content_box{max-width: 80%;}
	.featured_content h2{font-size:25px; line-height: 26px;}
	.featured-nav-circle{bottom: 20px;}
}
@media screen and (max-width: 991px){
	.home-who .item .read-more{display: none;}
}

@media screen and (max-width: 767px){
    .header_right{display: none;}
    .home-numbers{height: auto; padding: 0 0 25px;}
    .home-numbers h3 {
	    font-size: 18px;
	    font-weight: normal;
	    padding: 0 15px;
	}
	.home-numbers .item img {
	    width: 50px;
	}
	.home-numbers .item h4 {
	    font-size: 18px;

	}
	.home-numbers .item h5 {
	    font-size: 14px;
	}
	.home-news .latest.item p{display: none;}
	.home-social h2, .home-testimonials h2, .home-news h2, .home-projects h2, .home-who h2, .home-clients h2{font-size: 22px}
	.home-clients ul.owl-carousel{position: static; padding-top: 15px;}
	.home-clients .owl-theme .owl-nav{display: none;}
	.home-office .description{position: static;}
	.home-office img{display: none !important;}
	.page_tab li a{font-size: 13px;}
	.project-detail #bx-pager{display: none;}
	a.slidebar-close-btn{display: none;}
	.box-general, .box-point {
		width: 100%;
	    bottom: 0;
	    top: auto;
	    background-color: #0067ac;
        z-index: 99;
	}
	.box-general a.box-hotline, .box-general a.box-contact, .box-point a.box-email, .box-point a.box-form {
	    display: inline-block;
	    width: calc(50% - 2px);
	    margin-bottom: 0;
	    padding: 7px 0;
	    box-shadow: 1px 0 0 0 rgb(255 255 255);
	    -webkit-box-shadow: 1px 0 0 0 rgb(255 255 255);
	}
	.box-general a.box-hotline span, .box-general a.box-contact span, .box-point a.box-email span, .box-point a.box-form span {
	    display: inline-block;
	    vertical-align: top;
	}
	.box-general a.box-hotline i:before, .box-general a.box-contact i:before, .box-point a.box-email i:before, .box-point a.box-form i:before {
	    display: inline-block;
	    margin-right: 5px;
	    margin-bottom: 0;
	    width: 30px;
	    height: 30px;
	}
}
@media screen and (max-width: 576px){
	.penci-grid li.list-post:first-child .penci-image-holder:before {padding-top: 185px;}
	.penci-grid li.list-post{width: 100% !important;}
	.penci-grid li.list-post:nth-child(2n+3){margin-left: 0px;}
	.penci-grid li.list-post:first-child .header-list-style h2 a{color: #333;font-size: 18px; text-transform: inherit;}
}