@media (-webkit-min-device-pixel-ratio: 2){

    /*.search a.search_icon {background: url(../images/search.svg) right 0px no-repeat; background-size: 22%;}
    .search_box input[type="submit"]{background:url(../images/search.svg) right 0 no-repeat;}*/

    .inner span:before {background: url(../images/arrow_next@2x.png) center no-repeat #66b3e5; background-size: 40%;}
    .inner span:hover {background: url(../images/arrow_next.png) center no-repeat #8ed3ff; background-size: 40%;}

    .main_content .top #banner .left a:hover .inner span{background-image:url(../images/arrow_next@2x.png)center no-repeat #8ed3ff; background-size: 40%;}
    .main_content .top #banner .left a:hover .inner span::before{background: url(../images/arrow_next@2x.png) center no-repeat #8ed3ff; background-size: 40%;}

    .main_content .bottom #left .pagination ol li a.prev:before {background: url(../images/prev@2x.png) center no-repeat #66b3e5; background-size: 40%;}
    .main_content .bottom #left .pagination ol li a.next:before {background: url(../images/next_blue@2x.png) center no-repeat #66b3e5; background-size: 40%;}

    .main_content .bottom #left .pagination .previous a.prev:before {background: url(../images/prev@2x.png) center no-repeat #66b3e5; background-size: 40%;}
    .main_content .bottom #left .pagination .next_btn a.next:before {background: url(../images/next_blue@2x.png) center no-repeat #66b3e5; background-size: 40%;}

    footer:after{background: url(../images/footer_logo_bg@2x.png) no-repeat; background-size: 100%;}

}

@media screen and (max-width: 1024px){
	.main_content .bottom #left .post .post_img{width: 47.5%;}
	/*.main_content .bottom #left .post .description {width: 42.61%; padding: 20px 0 0 15px;}*/
	.main_content .bottom #left .post .description a{font-size:20px;}
	/*.main_content .bottom #left .pagination .next_btn{width:37%;}*/
	.main_content .bottom #left .pagination ol li:nth-child(3) {/*margin-left: 16%;*/}
	.main_content .bottom #left .pagination ol li:nth-last-child(2) {/*margin-left: 14%;*/}

}
@media screen and (min-width: 768px) and (max-width: 999px){
    .main_content .bottom #right .best_office .post {
        display: block;
        margin-right: 0;
        height: auto;
    }
    .main_content .bottom #right .best_office .post .post_img {
        width: 100%;
        margin-bottom: 10px;
    }
    .main_content .bottom #right .best_office .post .description {
        width: 100%;
        padding: 0;
    }
}
@media screen and (max-width: 999px){
    header {display: inline-block;}
	#nav ul li a{padding:0 10px;}
	.inner {width: 91.3%;}
	.inner_thum h3{font-size:15px;}
	.main_content .bottom #left h2:after{width:65%;width:calc(100% - 170px);}
	/*.main_content .bottom #left .post .post_img {width: 40.5%;}*/
	.main_content .bottom #left .post .description {width: 53%; padding: 20px 15px 10px 15px;}
	.main_content .bottom #left .post .description a {font-size: 18px;}
/*...........Inner.......................*/
	.main_content .bottom.bott_inn .inside .social_area .social_left {width: auto;}
    .main_content .bottom.bott_inn .inside .social_area .social_left ul li:first-child {margin-right: 10px;}
    .main_content .bottom.bott_inn .inside .social_area .social_left ul li+li {margin: 0 10px;}
	.main_content .bottom.bott_inn .inside .social_area .social_right {width: auto;}
	.main_content .bottom.bott_inn .inside .location ul li{width:50%;}
	.main_content .bottom.bott_inn .inside .location ul li:nth-child(2){width:50%;}
	/*.main_content .bottom #left .pagination .previous{width:58%;}*/
    .inner_thum {padding:0 0 0 15px; margin-bottom: -7.7%;}
    .main_content .bottom.bott_inn .inside .social_area .social_left {width: 100%; margin-bottom: 20px; float: none; height: auto;}
    .main_content .bottom.bott_inn .inside .social_area.bottom .social_left {margin-bottom: 0;}
    .main_content .bottom.bott_inn .inside .social_area .social_right { width: 100%; float: none;}
    /*.hombann {width: 88%;width: calc(100% - 100px);}*/
    .main_content .bottom.bott_inn .inside .social_area{width: 91%; height: auto;}

    .main_content .bottom #left .post .description p {
        height: 75px;
    }

}

@media (max-width: 800px){
    .fancybox-caption-wrap .fancybox-caption {
        padding: 10px;
    }
}

@media screen and (max-width: 767px){
	header{display:inline-block; height:40px; /*padding-bottom: 10px; height:10px;*/}
	#logo{text-align:center; display:block; border: none; width:175px; height:auto; margin:5px auto;float: none;}
	/*#nav{text-align:center; display:block; margin:0;}*/
	.search { margin: -26px auto;}
    .main_content .top #banner{height: auto;}
    .inner {width: 93.9%;}
    .inner_thum h3{font-size:18px;}
	.main_content .top #banner .left {width: 100%; float: none; display:block; margin-bottom:10px;}
	.main_content .top #banner img {
        object-fit: cover;

        position: static;
        left: auto;
        right: auto;
        margin: auto;
    }
	.main_content .top #banner .left:last-child {width: 100%; float: none; margin-bottom: 0;}
	.main_content .top #banner .right {width: 100%; float: none; display:block;}
	#thumb .thumb_box {width: 49.5%; margin-bottom: 10px;}
    #thumb.show-mobile {display: block;}
    #thumb.show-desktop {display: none;}
	.red{margin-right:0!important;}
	.main_content .bottom #left {width: 100%; display:block; margin-bottom:20px;}
	.main_content .bottom #right {width: 100%; display:block; margin-bottom:20px;}
	/*.main_content .bottom #left .post{height:auto;}*/
	.main_content .bottom #left .post .description { width: 51.61%; padding: 20px 15px;}
	.main_content .bottom #left .post .description a {font-size: 16px;}
	.main_content .bottom #left .pagination {margin: 65px 0 30px;}
	/*.main_content .bottom #left .pagination ol li {display:none!important;}*/
    .main_content .bottom #left .pagination ol li a {margin: 0 9px;}
    .main_content .bottom #left .pagination ol li .next,
    .main_content .bottom #left .pagination ol li .prev {
        margin: 0;
    }
	.main_content .bottom #left .pagination ol li:first-child {display:inline-block!important;}
	.main_content .bottom #left .pagination ol li:last-child {display:inline-block!important;}
    .main_content .bottom #left .pagination ol li .page-numbers.current {
        display: none;
    }
	footer .ftr_left{width:100%; display:block; margin-bottom:20px;}
	footer .ftr_right{width:100%; display:block;}
	.main_content .bottom #left .pagination .previous a{font-size:11px;}
	.main_content .bottom #left .pagination .next_btn a{font-size:11px;}
	.main_content .bottom #left .pagination .previous a.prev{display:block;}
	.main_content .bottom #left .pagination .next_btn a.next{display:block;}
	.main_content .bottom.bott_inn .inside .social_area .social_left {width: 100%; margin-bottom: 10px;}
	.main_content .bottom.bott_inn .inside .social_area .social_right {width: 100%;}
	.main_content .top #banner .left2 a .heading2 h1 {font-size: 22px;}
    #thumb .thumb_box:nth-child(2) {margin-right: 0;}


    #nav { display: none;}
    #navicon{display: block; font-size: 20px; top: 10px; position: absolute; }
    #nav.show { display:block;position: absolute; background: #fff; width: 100%; box-sizing: border-box; left: 0; z-index: 2; margin: 0; padding: 0 10px;}
    #nav ul > li a { line-height: 25px;padding: 10px;}
    #nav ul > li { position: relative; width: 100%; border-bottom: 1px solid #f1f1f1;}
    #nav ul li > ul.sub-menu { position: relative; width: 100%; box-shadow: none; top: 0;border-top: 1px solid #f1f1f1;box-sizing: border-box;}
    #nav ul li > ul.sub-menu li {border-bottom: none;}
    #nav ul li > ul.sub-menu >li > ul.sub-menu {position: relative; width: 100%; left: 0; box-sizing: border-box;}
    #nav ul li > ul.sub-menu li > ul.sub-menu  li > ul.sub-menu { position: relative; width: 100%; left: 0; box-shadow: none;}
    #nav ul li > ul.sub-menu > li > ul.sub-menu li> a {
        padding: 10px 15px;
    }
    #nav > ul > li.menu-item-has-children:hover,
    #nav > ul > li.menu-item-has-children:focus{
        box-shadow: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    #nav ul li > ul.sub-menu > li > a {padding: 10px 15px;}
    #nav ul > li.menu-item-has-children:hover > a { box-shadow:none; }
    .search a.search_icon{margin-top:-5px;}
    .search_box input[type="text"] {width: 90%;}
    .search_box input[type="submit"]{width: 10%; background-size: 25px;}
    /*.hombann {width: 91%;width: calc(100% - 100px);}*/

}

@media screen and (max-width: 479px){
    #nav.show{width: 93.7;}
    .search a.search_icon{font-size: 0;}
    .search .form{top: 53px; position: fixed; padding: 1% 5%; background: #fff; width: 90%;}
    .search .form form input[type="submit"]{background: none; text-align: right;}
	#thumb .thumb_box {width: 100%;}
    .inner {width: 91.3%;}
	.inner h3 {text-align: left; line-height: 1.15; font-size: 24px;}
	.main_content .bottom #left h2:after {width: 35%;width:calc(100% - 170px);}
    .main_content .bottom #left .post {
        display: block;
        height: auto;
    }
    .main_content .bottom #left .post .description > a,
    .main_content .bottom #left .post .description-inner > a,
    .main_content .bottom #left .post .description .entry-header > a {
        height: auto;
        overflow: visible;
    }
    .main_content .bottom #left .post .post_img {width: auto; display:block; height: auto;}
    .main_content .bottom #left .post .post_img img {
        object-fit: cover;
        position: static;
        left: auto;
        right: auto;
        margin: auto;
        width: 100%;
    }
	.main_content .bottom #left .post .description {width: auto; display:block; height:auto;}
	.main_content .bottom #left .pagination {margin: 25px 0 40px 0; float: left;}
    .main_content .bottom #left .pagination ol li:not(:first-child),
    .main_content .bottom #left .pagination ol li:not(:last-child) {
        display: none;
    }
	.main_content .bottom #left .pagination ol li:first-child {margin:0 2px 0 0;}
	.main_content .bottom #left .pagination ol li:last-child {margin:0 0 0 2px;}
	.main_content .bottom #left .pagination ol li a img {width: 35px;}
	/*.main_content .bottom #right .best_office .post .post_img {width: auto; display:block; margin-bottom:10px;}*/
	/*.main_content .bottom #right .best_office .post .description {width: auto; display:block;}*/
    .main_content .bottom #left .inner_left{height: auto;}
	/*.main_content .bottom #left{margin-bottom:0;}*/
	.main_content .bottom.bott_inn .inside{padding:15px 0;}
	.main_content .bottom.bott_inn .inside .city_office h1{font-size:18px; margin:0;}
	.main_content .bottom #right{margin-top:0;}
	.main_content .bottom.bott_inn .inside .social_area .social_left ul li a {font-size: 10px;}
	.main_content .bottom.bott_inn .inside .city_office{padding:0 15px;}
	.main_content .bottom.bott_inn .inside .social_area .social_left ul li:first-child {margin-right: 4px;}
	.main_content .bottom.bott_inn .inside .social_area .social_left ul li+li {margin: 0 4px 0 0;}
	.main_content .bottom.bott_inn .inside .location ul li{width:100%;}
	.main_content .bottom.bott_inn .inside .location ul li:nth-child(2){width:100%;}
	.main_content .bottom.bott_inn .inside .location ul li:nth-child(even){margin-bottom:10px;}
	.main_content .bottom #left .pagination .previous a{font-size:0px;}
	.main_content .bottom #left .pagination .next_btn a{font-size:0px; float: right;}
	.main_content .top #banner .left2 a .heading2{padding: 20px;}
	.main_content .top #banner .left2 a .heading2 h1 {font-size: 24px;}
	.main_content .bottom.bott_inn .inside .social_area{margin:15px 0; width:100%;}
    .main_content .bottom.bott_inn .inside .social_area.bottom {
        margin: 35px 0 -10px;
    }
    .main_content .bottom.bott_inn .inside .social_area.bottom .social_left {
        margin-bottom: 0;
    }
	.search_box input[type="text"] {width: 85%;font-size: 28px;margin-top: 201px;}
    .search_box input[type="submit"]{width:15%;background-position: right 11px;background-size: 20px;}
    .search_box p {font-size: 12px;}
    .cross {width: 27px;}
    .main_content .bottom.bott_inn .inside .city_office p{padding:0;}
    .main_content .bottom.bott_inn .inside .city_office-body ul:not(.ess-buttons),
    .main_content .bottom.bott_inn .inside .city_office-body ol:not(.ess-buttons) {
        padding: 20px;
        margin: 2em 0;
    }
    .main_content .bottom.bott_inn .inside .city_office.city2 p{padding:0;}
    .main_content .bottom.bott_inn .inside .city_office blockquote{margin:20px 0; padding-left:35px;}
    .main_content .bottom.bott_inn .inside .city_office blockquote p{padding:0px 15px;}
    .main_content .bottom.bott_inn .inside .city_office.city2 blockquote p{padding:0px 15px;}
    .main_content .bottom.bott_inn .inside .city_office.city2 {padding: 0 15px;}
    .main_content .bottom.bott_inn .inside .location { padding: 25px 7px; margin: 40px 0;}
    .main_content .bottom.bott_inn .inside .location  li{font-size:15px;}
    .main_content .bottom.bott_inn .inside .social_area.social2{width:auto; margin:0 0 20px 0;}
    .bottomcontainerBox {float: none; height: auto;}
    figure figcaption{margin-bottom: 0px;}
    /*.hombann {width: 89%;width: calc(100% - 100px);}*/
    .main_content .bottom #left .pagination .previous{padding-right: 5px;}
    .main_content .bottom #left .pagination .next_btn{padding-left: 5px;}
    .main_content .bottom #left .pagination .previous a.prev{font-size: 14px;}
    .main_content .bottom #left .pagination .previous a.prev:before{float:none;display: block;margin-bottom: 5px;}

    .main_content .bottom #left .pagination .next_btn a.next {font-size: 14px;}
    .main_content .bottom #left .pagination .next_btn a.next:before{float:none;display: block;margin-bottom: 5px;margin-left: auto;}

    .defaultpage article h5.subtitle {
        padding: 25px 0 10px;
        margin: 0;
    }

    .main_content .tags_block.bottom {
        margin: 15px 0 0;
    }
    .main_content .tags_block.bottom:last-child {
        margin-bottom: -35px;
    }

}
@media screen and (max-width: 414px){
    /*.hombann {width: 85%;width: calc(100% - 72px);margin-right: 20px;}*/
}