/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1050px) {
	.home-cat-container {
	    width: 47%;
	}
}
@media only screen and (max-width:1024px) {

	.review-section .slick-track {
		max-width: 768px !important;
	}

	.email-container, .phone-container {
		max-width: 768px;
	}

	.review-section {
		flex-wrap: wrap;
	}

	.review-container {
		margin: 30px 20px;
		height: auto;
	}
	
	.js .nav {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
		position: relative;
        z-index: 1;
	}
	.news-wrap {
	    width: 68%;
	    float: left;
	    padding: 0 10px 0 10px;
	}
	.blog-wrap {
	    width: 68%;
	    float: left;
	    padding: 0 10px 0 10px;
	}
	.news-article {
	    display: inline-block;
	    margin: 5px 0 5px 0;
	    width: 100%;
	}
	.featured-image.article-img {
	    display: block;
	    width: 100%;
	}
	.category-thumbnail {
	    display: inline-block;
	    width: 100%;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.category-thumbnail img {
	    width: 100%;
	    height: 300px;
	    object-fit: cover;
	}
	.article-content {
	    display: inline-block;
	    width: 100%;
	    /* width: 415px; */
	    padding: 0 8px 0 10px;
	    vertical-align: top;
	    margin-top: 10px;
	}
	.promo-article {
	    width: 426px;
	}

	.swiper {
	    min-height: 320px;
	}
	.parallax-bg {
	    top: -50%;
	    min-height: 320px;
	}
	.slider-content {
	    top: 175px;
	}
	.swiper-slide .title {
	    font-size: 25px;
	}
	.swiper-slide .subtitle {
	    font-size: 11px;
	}
	.swiper-slide .text {
	    font-size: 13px;
	}
}
@media only screen and (max-width:900px) {
	.news-wrap {
	    width: 100%;
	    float: left;
	    padding: 0 35px 0 35px;
	    max-width: 100%;
	}
	.blog-wrap {
	    width: 100%;
	    float: left;
	    padding: 0 35px 0 35px;
	    max-width: 100%;
	}
	main.main-article {
	    position: relative;
	    display: inline-block;
	    max-width: 100%;
	    width: 100%;
	    float: left;
	}
	.sidebar-banners-wrap {
	    float: none;
	    max-width: 900px;
	    width: 92%;
	    text-align: center;
	    /* display: flex; */
	    /* flex-wrap: wrap; */
	    margin: 0 auto;
	}
	.sidebar-banners-wrap > div {
	    margin-bottom: 15px;
	    margin-top: 15px;
	    margin-left: 5px;
	    margin-right: 5px;
	    display: inline-block;
	    position: relative;
	    /* flex-grow: 1; */
	    /* width: 30%; */
	}
	.promo-article {
	    width: 403px;
	}

	.slider-thumbnail {
	    height: 400px;
	}

	.promo-category-thumbnail {
	    height: 220px;
	}
}
@media only screen and (max-width:850px) {
	.logo-wrap {
	    display: block;
	}
	.logo {
	    height: 215px;
	}
	.header img.logo-img {
	    display: inline-block;
	    /* width: 370px; */
	    position: relative;
	    top: 0;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.reg-wrap {
	    position: relative;
	    right: 0;
	    margin-left: auto;
	    margin-right: auto;
	    left: 50%;
	    top: 63px;
	    transform: translateX(-50%);
	    display: block;
	    float: none;
	}
	.registerBtn {
	    background-color: #ffe000;
	    display: inline-block;
	    cursor: pointer;
	    color: #000000;
	    font-size: 12px;
	    padding: 5px 20px;
	    text-decoration: none;
	    text-transform: uppercase;
	    letter-spacing: .2pt;
	    position: relative;
	    float: none;
	    top: 20px;
	    left: -105px;
	    position: absolute;
	    top: 14%;
	    left: 44%;
	    transform: translate(-50%, -50%);
	}
	.lang-wrap {
	    width: 65px;
	    height: 27px;
	    background: #000;
	    background-color: rgba(70, 15, 7, .5);
	    border-bottom-left-radius: 2px;
	    border-bottom-right-radius: 2px;
	    position: relative;
	    top: 50px;
	    left: 90px;
	    z-index: 100;
	    font-family: MyriadPro, Helvetica, Arial, sans-serif;
	    float: none;
	    margin: 0 auto;
	}
	img.top-banner-img {
	    display: inline-block;
	    top: 0;
	    bottom: 0;
	    text-align: center;
	    position: relative;
	    left: 45%;
	    transform: translateX(-50%);
	    margin: 15px;
	}
	.promo-article {
	    width: 364px;
	}

	.slider-thumbnail {
	    height: 350px;
	}

	.promo-category-thumbnail {
	    height: 190px;
	}

	.script-banner-top {
	    top: -55px;
	}
}
@media only screen and (max-width:768px) {

	.review-section .slick-track {
		max-width: 768px !important;
	}

	.email-container, .phone-container {
		max-width: 600px;
	}
	
	.promo-article {
	    width: 284px;
	}

	.slider-thumbnail {
	    height: 320px;
	}

	.promo-category-thumbnail {
	    height: 150px;
	}

	.slider-content {
	    top: 150px;
	}
	
	.bottom-banner-img {
	    transform: scale(0.6);
	}
}
@media only screen and (max-width:600px) {

	.review-container {
		width: 480px !important;
    }

	.review-section .slick-track {
		max-width: 480px !important;
	}

	.email-container, .phone-container {
		max-width: 480px;
	}

	.email-1 img, .email-2 img, .phone img {
		width: 55px;
		height: 55px;
	}

	.promo-article {
	    width: 364px;
	}
	.promo-article {
	    width: 227px;
	}

	.slider-thumbnail {
	    height: 280px;
	}
	.slider-content h6 {
	    font-size: 20px;
	}
	.slider-content p {
	    font-size: 15px;
	}

	.promo-category-thumbnail {
	    height: 130px;
	}

	.home-cat-container {
	    width: 100%;
	}
}
@media only screen and (max-width:480px) {

	.review-container {
		width: 320px !important;
    }

	.review-section .slick-track {
		max-width: 320px !important;
	}

	.email-container, .phone-container {
		max-width: unset;
		flex-direction: column;
	}

	.email-1 img, .email-2 img, .phone img {
		width: 55px;
		height: 55px;
	}

	.slick-dots li {
	    width: 20px;
	    height: 20px;
	}
	.slick-dots li a {
	    font-size: 12px;
	    line-height: 15pt;
	}
	.slider-thumbnail {
	    height: 200px;
	}
	.slider-content h6 {
	    font-size: 18px;
	}
	.slider-content span {
	    font-size: 12px;
	}
	.slider-content p {
	    font-size: 14px;
	}
	.category-thumbnail img {
	    height: 200px;
	}
	.promo-article {
	    width: 100%;
	}

	.promo-category-thumbnail {
	    height: 200px;
	}

	.promo-category-thumbnail img {
	    display: block;
	    max-height: 230px;
	    height: 100%;
	    object-fit: cover;
	    width: 1024px;
	}

	.swiper-button-next,
	.swiper-button-prev {
	    display: none !important
	}
	.parallax-bg {
	    top: 0;
	    min-height: 320px;
	}
	.swiper-slide .text {
	    font-size: 10.5px;
	    line-height: 16px;
	}
	.swiper-slide .subtitle {
	    font-size: 10px;
	}
	.swiper-slide .title {
	    font-size: 20px;
	}
	.slider-content {
	    padding: 15px;
	    padding-bottom: 45px;
	    top: 180px;
	}
	.slider-thumbnail img {
	    height: 320px;
	    object-fit: cover;
	}

	.top-banner-wrapper {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
		top:20px;
	}
	.script-banner-top {
	    right: auto;
	}
	.sidebar .section {
	    display: flex;
	    align-content: center;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
	.bottom-banner-img {
	    transform: scale(0.37);
	}
}
@media only screen and (max-width:360px) {
	.slick-dots li {
	    width: 15px;
	    height: 15px;
	}
	.slick-dots li a {
	    font-size: 10px;
	    line-height: 13pt;
	}
	.category-thumbnail img {
	    height: 150px;
	}

	.slider-thumbnail {
	    height: 160px;
	}
	.slider-content h6 {
	    font-size: 17px;
	}
	.slider-content p {
	    font-size: 13px;
	}

	.promo-category-thumbnail {
	    height: 160px;
	}

	.home-cat-title h2 {
	    font-size: 18px;
	    padding: 3px 10px;
	}
	.home-cat-a-wrapper h3 {
	    font-size: 20px;
	}
	.home-cat-content {
	    line-height: 18px;
	}
	.home-cat-date {
	    font-size: 11px;
	}
	.home-cat-a-sub-wrapper h3 a, .home-cat-b-sub-wrapper h3 a {
	    font-size: 20px;
	}
	.home-cat-a-sub-thumbnail-wrapper {
	    width: 50%;
	}
	.home-cat-a-sub-content-wrapper {
	    width: 50%;
	    padding-left: 12px;
	}
}
@media only screen and (max-width:320px) {

}