body.poka-mobile {

}

/**************Ipad ngang(1024 x 768)****************/
@media screen and (max-width: 1024px) {
	#main .ec-banner .banner {
    	padding-top: 600px;
	}
	#main .ec-banner .banner .text-box  {
		width: 100%;
		padding: 0 30px;
	}
	#main .ec-banner h2 {
		font-size: 48px;
	}
	.ec-home-3 .ec-title,
	.ec-home-2 .ec-title {
		padding-left: 15px;
	}
	.title-small {
		padding-left: 15px;
		padding-bottom: 30px;
	}
	.ec-home-3 .col.list {
		padding-left: 25px;
	}
	.ec-title h2 {
		font-size: 36px;
	}
	.ec-home-3 .col.list {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.ec-home-5 .row {
		padding-top: 120px;
		padding-bottom: 60px;
	}
	.ec-home-6 .section-content > .row {
		padding-bottom: 60px;
	}
	.ec-home-4 .right .img {
		top: 30px;
	}
	.ec-home-5 .flickity-slider .section h2 {
		font-size: 35px;
	}
	.ec-header-mb .col a.button {
		margin: 0;
	}
	.ec-header-mb .col a.button i {
		margin: 0;
		font-size: 25px;
	}
	.brc {
		padding-right: 20px;
		padding-bottom: 40px;
	}
	.ec-title h1 span, .ec-title h1 {
		font-size: 38px;
	}
	.tab-list-post .col-tab {
		padding-top: 50px;
	}
	.tab-list-post .col-tab a.button span, .tab-list-post .col-tab .nav li span {
		font-size: 20px;
	}
	.tab-list-post .col-tab-title .col-inner a.button {
		margin: 0 20px;
	}
	.tab-list-post .col-tab.thumb-no-pd {
		padding-bottom: 80px;
	}
	.before-after-wp .post-item div.room {
		font-size: 12px;
	}
	.popup-galerry-thuvien .tw-image,
	.popup-galerry-thuvien .twentytwenty-container {
		height: auto !important;
		min-height: 200px !important;
		display: none;
	}

	.popup-galerry-thuvien .tw-image.twentytwenty-container {
		display: block;
	}

}
/**************end Ipad ngang(1024 x 768)****************/



/******************Ipad dọc(768 x 1024)******************/
@media screen and (max-width: 768px) {
	#main .ec-banner h3 {
		font-size: 20px;
	}
	#main .ec-banner h2 {
		font-size: 36px;
	}
	.ec-banner a.button span {
		font-size: 16px;
		font-weight: 600;
	}
	.ec-banner a.button span:before {
		height: 18px;
		background-size: contain;
	}
	.btn a.button {
		line-height: 45px;
		width: 202px;
	}
	#main .ec-home-3,
	#main .ec-home-2 {
		padding-top: 50px;
	}
	.ec-title h2 {
    	font-size: 28px;
	}
	.ec-home-2 a.button {
    	margin-top: 30px;
	}
	.title-small {
		padding-bottom: 10px;
	}
	.ec-home-3 .col.list {
		padding-top: 25px;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ec-home-3 .col.list .col-inner .box {
		max-width: 50%;
	}
	.ec-home-3 .col.list .box h3 {
		font-size: 20px;
	}
	.ec-home-4 .row {
    	padding: 60px 0;
	}
	.ec-title h2 {
    	font-size: 23px;
	}
	.ec-home-4 form .submit input {
		width: 30px;
	    font-size: 0;
	    height: 23px;
	    background-image: url(../img/right-arrow.png) !important;
	    background-size: contain !important;
	}
	.ec-home-5 .flickity-slider .section h2 {
		margin-top: 0;
		font-size: 26px;
	}
	.ec-home-6 .ec-title h2 {
    	margin-bottom: 25px;
	}
	.list-blog .flickity-slider .post-item {
		max-width: 50%;
	}
	.ec-home-6 .flickity-button.previous {
		left: 0;
	}
	.ec-home-6 .flickity-button.next {
		right: 0;
	}
	.thumb-no-pd .post-item .post-title {
		font-size: 16px;
		margin-bottom: 0;
		padding-bottom: 15px;
	}
	.ec-home-6 .btn {
    	padding-top: 25px;
	}
	.ec-footer .col.footer-02,
	.ec-footer .col.footer-03 {
		max-width: 50%;
		margin-bottom: 40px;
	}
	.ec-footer .col.footer-04,
	.ec-footer .col.footer-01 {
		max-width: 50%;
		margin-bottom: 40px;
	}
	.ec-footer .ec-row1 {
		flex-wrap: wrap;
	}
	.ec-footer .ec-row1 {
		padding: 50px 0 30px 0;
	}
	.ec-footer .col h2 br {
		display: none;
	}
	.ec-footer .col h2 {
		font-size: 26px;
		font-weight: 600;
	}
	.ec-footer .ec-row2 {
		padding-bottom: 20px;
	}
	.ec-footer .col .nav li a {
		font-size: 15px;
	}
	.brc {
		padding-top: 20px;
		padding-bottom: 25px;
	}
	.ec-title h1 span, .ec-title h1 {
		font-size: 30px;
	}
	.tab-list-post .col-tab a.button span, .tab-list-post .col-tab .nav li span {
		font-size: 18px;
		font-weight: 600;
	}
	.tab-list-post .col-tab-title .col-inner a.button {
		margin: 0 10px;
	}
	.before-after-wp .post-item {
		max-width: 50%;
	}
	.ab-03 h2, .ab-01 h2, .ab-02 h2 {
		font-size: 30px;
	}
	.ab-01 .right .col-inner {
		padding-left: 30px;
	}
	.ab-01 ul {
		padding-left: 0;
	}
	.ab-01 ul li {
		font-size: 10px;
	}
	.ab-01 ul li strong {
		font-size: 30px;
	}
	.ab-01, .ab-02 {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.ab-03 h2, .ab-01 h2, .ab-02 h2 {
		margin-bottom: 30px;
	}
	.ab-01 ul {
		padding-top: 30px;
	}
	.ab-02 .left .col-inner {
		padding-right: 30px;
	}
	.ab-03 .col-box .col-inner {
		padding: 30px 20px 30px 20px;
	}
	.ab-03 .col-box .col-inner h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.icon-box-left .icon-box-img, .icon-box-right .icon-box-img {
		max-width: 60px;
	}
	.ab-03 {
		padding-bottom: 60px;
	}
	.ec-video-03 ,
	.ab-03 .col-box .col-inner p {
		font-size: 14px;
	}
	.ct-01 .left,
	.ct-01 .right {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.ct-01 {
		padding-top: 30px;
	}
	.ct-01 .left {
		padding-bottom: 25px;
	}
	.ct-01 .right h2 {
		font-size: 30px;
	}
	.ct-01 .right ul {
		padding-left: 30px;
		margin-bottom: 20px;
	}
	.ct-01 h2 {
		font-size: 30px;
	}
	#main .box-video.box .box-text {
		padding-left: 20px;
		page-break-after: 15px;
	}
	.ec-video-04 h2 {
		min-height: 50px;
	}
	.ec-video-02 .right  {
		margin-top: 30px;
	}
	#main .ec-video-02 {
		padding-bottom: 40px;
	}
	#main .box-video.box a.button span {
		font-size: 16px;
	}
	.ec-video-03 h2 {
		margin-bottom: 20px;
	}
	.ec-video-03 .ec-title.des .col-inner {
		max-width: 100%;
	}
	.category .list-post .thumb-no-pd.list {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.category #main .list-post .thumb-no-pd.list .row .post-item:nth-child(1),
	.category #main .list-post .thumb-no-pd.list .row .post-item:nth-child(2),
	.category #main .list-post .post-item .box-text {
		padding-top: 20px;
	}
	.category #main .list-post .post-item {
		max-width: 50%;
	}
	.category .list-post .thumb-no-pd.list .row .post-item:nth-child(1) .box-text .post-title,
	.category .list-post .thumb-no-pd.list .row .post-item:nth-child(2) .box-text .post-title {
		padding-bottom: 0px;
		margin-bottom: 15px;
	}
	.category .list-post .thumb-no-pd.list .row .post-item .col-inner,
	.category .list-post .thumb-no-pd.list .row .post-item:nth-child(1) .col-inner,
	.category .list-post .thumb-no-pd.list .row .post-item:nth-child(2) .col-inner {
		padding-bottom: 40px;
	}
	.col-tab .before-after-wp #yith-infs-button,
	.list-post .yith-infs-button-wrapper button {
			margin-top: 0;
			line-height: 40px;
			max-width: 202px;
	}
	.nav.nav-vertical li.menu-search {
		display: none;
	}
	.single .post-meta,
	.single #main h1.section-title {
		margin-bottom: 20px;
	}
	.ec-related {
		margin-top: 40px;
	}
	.ec-related .ec-title h2 {
		font-size: 36px;
		margin-bottom: 25px;
	}
	.ec-related .list .flickity-slider .post-item {
		max-width: 50%;
	}
	#counter-wrap {
		margin-top: 30px;
	}
	#counter-wrap .inner-num .counter-num,
	#counter-wrap .inner-num p {
		font-size: 30px;
	}
	#main .ec-home-6 {
		padding-bottom: 60px;
	}
	#ec-menu-mb ul.nav li {
		padding-left: 0;
	}
	#ec-menu-mb ul.nav li a {
		font-size: 16px;
	}
	.ec-header-mb .mega-menu-wrap .mega-toggle-block {
		margin: 0 !important;
	}
	.ec-header-mb .mega-menu-wrap .mega-toggle-block .mmega-toggle-animated-box {
		max-width: 30px !important;
	}
	.ec-header-mb .mega-menu-wrap .mega-toggle-block .mega-toggle-animated {
		max-width: 30px !important;
	}
	#mega-menu-wrap-primary_mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
	#mega-menu-wrap-primary_mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
	#mega-menu-wrap-primary_mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		max-width: 30px !important;
		background: #00972E;
		height: 2px;
	}
	#mega-menu-wrap-primary_mobile .mega-menu-toggle.mega-menu-open + #mega-menu-primary_mobile {
		padding-bottom: 15px;
		padding-top: 10px;
	}


}
/******************end Ipad dọc(768 x 1024)******************/



/*................ip6-plus...................*/
@media only screen and (max-width: 640px) {
	#main .ec-banner .banner {
    	padding-top: 300px;
	}
	#popup-galerry-thuvien .twentytwenty-container img{
		width: 100% !important;
	}
	#popup-galerry-thuvien .tw-image{
		/*height: 278px !important;*/
	}
	.ec-header-mb .col.col-flex {
		margin-bottom: 0;
	}
	.ec-header-mb .row {
		flex-wrap: nowrap;
		align-items: center;
	}
	.ec-header-mb form input {
		font-size: 13px;
	    line-height: 30px;
	    height: auto;
	    min-height: auto;
	}
	.ec-header-mb form button i {
		font-size: 14px;
	}
	.ec-header-mb .row .flex-center {
		padding: 0;
	}
	.ec-header-mb .row .flex-left,
	.ec-header-mb .row .flex-right {
		padding: 0 15px;
	}
	.ec-header-mb .row .flex-right i {
		top: 0;
	}
	.ec-header-mb .col a.button {
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ec-header-mb .col a.button i {
		font-size: 23px;
		line-height: normal;
	}
	.ec-header-mb .searchform .button.icon i {
		font-size: 16px;
	}
	#main .ec-banner h3 {
		font-size: 18px;
	}
	#main .ec-banner .banner .text-box {
		padding: 0 15px;
	}
	#main .ec-banner h2 {
		font-size: 26px;
		font-weight: 600;
	}
	.ec-banner a.button span {
		font-size: 14px;
	}
	.ec-home-3 .ec-title, .ec-home-2 .ec-title {
		padding-left: 10px;
		padding-right: 10px;
	}
	.ec-home-2 .col-img {
		padding-top: 20px;
	}
	.col, .gallery-item, .columns {
		padding: 0 10px 0;
	}
	.ec-title h2 {
    	font-size: 20px;
	}
	.btn a.button span,
	.title-small .section-title span {
		font-size: 14px;
		font-weight: 600;
	}
	.btn a.button {
		line-height: 38px;
		width: 180px;
	}
	.ec-home-3 .col.list .col-inner .box {
		max-width: 50%;
		padding: 10px 5px;
	}
	.ec-home-3 .col.list .box .box-text {
		padding-left: 15px;
		padding-right: 10px;
		bottom: 15px;
	}
	.ec-home-3 .col.list .box h3 {
		font-size: 18px;
		font-weight: 600;
	}
	.ec-home-4 .right {
		display: none;
	}
	.ec-home-4 .row {
		padding: 30px 0;
	}
	.ec-home-4 form input {
		font-size: 14px;
	}
	.ec-home-5 .row {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.ec-home-5 .flickity-slider .section h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.ec-home-5 .flickity-slider .section h4 {
		font-size: 14px;
	}
	.thumb-no-pd .post-item .post-title {
		font-weight: 600;
		font-size: 16px;
		display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    padding: 0;
    	margin-bottom: 15px;
	}
	.post-item .box-text {
		padding-top: 10px;
	}
	.ec-footer .col.footer-02,
	.ec-footer .col.footer-03,
	.ec-footer .col.footer-04,
	.ec-footer .col.footer-01 {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.ec-footer .ec-row1 {
    	padding: 25px 0 32px 0;
	}
	.ec-footer .col h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.ec-footer .col h3 {
		font-weight: 600;
		margin-bottom: 10px;
	}
	.ec-footer .col .nav li a {
		font-size: 14px;
	}
	body .back-to-top i,
	body .back-to-top {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.brc .breadcrumbs {
		padding-top: 25px;
		padding-bottom: 15px;
	}
	.brc .breadcrumbs,
	.brc .breadcrumbs a {
		font-size: 12px;
	}
	.ec-title h1 span, .ec-title h1 {
		font-size: 25px;
	}
	.tab-list-post .col-tab-title .col-inner {
		flex-wrap: wrap;
		justify-content: end;
	}
	.tab-list-post .col-tab a.button span, .tab-list-post .col-tab .nav li span {
		font-size: 14px;
	}
	#main #content .tab-list-post .col-tab-title .col-inner a.button {
		margin: 0 20px 15px 0px;
	}
	.tab-list-post .col-tab {
    padding-top: 30px;
	}
	.col-tab .show_count b {
		font-size: 12px;
	}
	#main .before-after-wp .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.before-after-wp .post-item {
		padding: 8px !important;
	}
	.thumb-no-pd .post-item .image-cover,
	.thumb-no-pd .post-item .image-cover img {
		border-radius: 8px;
	}
	.before-after-wp .post-item .box-text {
		padding-top: 10px;
	}
	.before-after-wp .post-item a {
		font-size: 10px;
	}
	.thumb-no-pd .post-item .post-title {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.tab-list-post .col-tab a.button:hover span:before,
	.tab-list-post .col-tab a.button.active span:before,
	.tab-list-post .col-tab .nav li.active span:before {
		background-size: contain;
		height: 4px;
		bottom: -4px;
	}
	.ec-title h1 span, .ec-title h1 {
    font-size: 20px;
	}
	.ab-03 h2, .ab-01 h2, .ab-02 h2 {
		font-size: 23px;
	}
	.ab-01 {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.ab-02 {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.ab-01 .right,
	.ab-01 .left {
		padding-right: 10px;
	}
	.ab-03 h2, .ab-01 h2, .ab-02 h2 {
		margin-bottom: 20px;
	}
	.ab-01 p,
	.ab-02 p {
		font-size: 14px;
	}
	.ab-01 .right .col-inner {
		padding-left: 5px;
		padding-right: 5px;
	}
	.ab-02 .left .col-inner {
		display: none;
	}
	.ab-03 .col-box .col-inner {
    padding: 20px 15px 20px 15px;
	}
	.ab-03 .col-box .col-inner h3 {
		font-weight: 600;
    font-size: 18px;
		margin-bottom: 10px;
	}
	.ab-03 {
		padding-bottom: 10px;
	}
	.ct-01 h2 {
		font-size: 23px;
		margin-bottom: 25px;
	}
	.ct-01 form input, .ct-01 form select {
		line-height: 40px;
		font-size: 13px;
	}
	.ct-01 .right h2 {
		font-size: 20px;
	}
	.ct-01 .right ul li {
		font-size: 14px;
	}
	.ct-01 {
		padding-bottom: 20px;
	}
	.ec-video-03 .ec-title.des {
    padding-bottom: 5px;
	}
	.col, .gallery-item, .columns {
		margin-bottom: 15px;
	}
	.ec-video-03 .col {
		margin-bottom: 30px;
	}
	.ec-video-03 .col.ec-title {
		margin-bottom: 0px;
	}
	.ec-video-03 p {
		font-size: 14px;
	}
	#main .ec-video-02 {
    padding-bottom: 20px;
	}
	.ec-video-03 {
		padding-bottom: 30px;
	}
	.ec-video-04 .left {
		padding-right: 15px;
	}
	.ec-video-04 h2 {
		font-size: 18px;
		min-height: auto;
		margin-bottom: 20px;
	}
	.ec-video-04 {
		padding-bottom: 0;
	}
	.category .list-post .thumb-no-pd.list {
		padding-top: 0;
	}
	.col-tab .before-after-wp #yith-infs-button,
	.list-post .yith-infs-button-wrapper button {
			font-size: 13px;
	}
	.category #main .list-post .thumb-no-pd.list .row .post-item .col-inner {
		padding-bottom: 20px;
	}
	.single .post-meta, .single #main h1.section-title {
		margin-bottom: 10px;
	}
	.single .entry-content,
	.single .entry-content p,
	.single .entry-content li,
	.single .entry-content a,
	.single .entry-content span {
		font-size: 14px;
	}
	.ec-related .ec-title h2 {
		font-size: 23px;
		margin-bottom: 5px;
	}
	.ec-related {
		margin-top: 0;
	}
	.ec-related .row {
		margin-left: -5px !important;
		margin-right: -5px !important;
	}
	.ec-related .list .flickity-slider .post-item {
		padding: 0 8px;
	}
	#main .ec-related {
		padding-bottom: 0;
	}
	#counter-wrap .inner-num .counter-num,
	#counter-wrap .inner-num p {
		font-size: 26px;
	}
	#counter-wrap {
    	margin-top: 10px;
	}
	.ec-footer .col.footer-04 .social-icons {
		text-align: left;
		padding-top: 30px;
	}
	#colophon .footer-04 {
		margin-bottom: 0;
	}
	.ec-footer .ec-row2 {
		padding-bottom: 0;
	}
	#main .ec-home-6 {
		padding-bottom: 30px;
	}
	.ec-home-6 .btn {
    padding-top: 0;
	}



}
/*................end ip6-plus...................*/



/*................ip6...................*/
@media only screen and (max-width: 375px) {

}
/*................end ip6...................*/



/***********iphone 5 ----**************/
@media only screen and (max-width: 320px) {

}
/***********end iphone 5 ----**************/

@media only screen and (max-width: 780px) {

}