@media screen and (min-width: 870px){
	#shost-feature-table {
		border-right: none;
	}
	#shost-feature-table .shost-table-wrapper {
		width: 100%;
		padding-left: 22%;
	}
	#shost-feature-table .shost-table-column {
		width: 16.76%;
		float: left;
	}
	#shost-feature-table header.shost-table-column {
		width: 22%;
		float: left;
		background: #001144;
		box-shadow: none;
		pointer-events: auto;
	}
	.shostvn-counter .count-up{font-size:2.75rem;}
	.banner h1 {
    font-size: 2.5em !important;
	}
}
@media screen and (max-width: 980px) {
/* Styles code nay kha chuan */	
	.header-inner.flex-row.container.logo-left.medium-logo-center {
		padding-left: 15px;
		padding-right: 15px;
	}
	.shostvn-price {font-size:2rem;}
	.shostvn-box {
		width: 50%;
	}
	.shostvn-box:nth-child(2):after {
		border-left: 0px;
	}
	.shostvn-table-title-wordpress-host, .shostvn-table-title-web-host{
		font-size: 18px;
	}
	.shostvn-blockquote:before{
		font-size: 40px;
	}
	.shostvn-blockquote p{
		padding-left: 0px;
	}
	.shostvn-is-outline{
		border-left: 0 none;
		border-right: 0 none;
	}
	.shostvn-is-outline-bottom{
		border-bottom: 0 none;	
	}
	/*Domain Price*/
	.domain-price-table ul li.tab.has-icon{width:50%;}
	.domain-price-table ul li a{font-size:.9rem !important;}
	table.shost-responsive-table { margin-bottom: 0; }	
	table.shost-domain .shost-domain-title{line-height: 2;}
	/*table.shost-domain.vn th:first-child{line-height:3.09;}*/
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll;}
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.shost-responsive-table td, table.shost-responsive-table th { position: relative; white-space: nowrap; overflow: hidden; }
	table.shost-responsive-table th:first-child, table.shost-responsive-table td:first-child, table.shost-responsive-table td:first-child, table.responsive.pinned td { display: none; }
	/*Domain Price*/
	.header-main{
		padding: 0;
	}
	/*Footer Contact*/
	.bottom-contact{
		display: block;
		position: fixed;
		bottom: 0;
		background:#fff;
		width: 100%;
		z-index: 99999;
		box-shadow: 2px 1px 9px #dedede;		
	}
	.bottom-contact ul li{
		width: 25%;
		float: left;
		list-style: none;
		text-align: center;
		font-size:13px;
	}
	.bottom-contact ul li span{color:#000;}
	.bottom-contact ul li i{		
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.bottom-contact ul li:hover i {
		color: #f00;
	}
	.call_to_action{display:none;}
	.banner h1 {
    font-size: 2.5em !important;
	}
	.shostvn-feature{
		left: 105px;
		top: 28px;
		padding: 6px 20%;
	}
	.shostvn-h1-banner{font-size: 2rem !important;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	.luu-tru-so{
		font-size: 1.8rem !important;
	}
	.shostvn-feature-homepage{
		left: 110px;
    	top: 30px;
	}
	.shostvn-feature-3-plan{
		left: 115px;
    	top: 32px;
	}
	.shostvn-h1-banner{font-size: 1.8rem !important;}
	.h2-larger, .title-plan{
		font-size: 1.5rem !important;
	}
	.banner h1{
		font-size: 1.6rem !important;
	}
	.banner h4{
		font-size: 1.3rem !important;
	}
	.step-number {
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 0;
		font-weight: 700;
		color:#2288ff;
	}
	.shostvn-price {font-size:2rem;}
	.shostvn-box {
		display: block;
		width: 100%;
	}
	.shostvn-box:nth-child(1):after,
	.shostvn-box:nth-child(2):after,
	.shostvn-box:nth-child(3):after,
	.shostvn-box:nth-child(4):after,
	.shostvn-box:nth-child(5):after,
	.shostvn-box:nth-child(6):after,{
		border-left: 0px;
	}	
	.shost-products-comparison-table {
		margin-bottom: 0;
	}
	.shost-products-comparison-table::after {
	/* never visible - this is used in jQuery to check the current MQ */
		content: '';
	}
	.shost-products-comparison-table header {
		padding: 0 5% 40px;
	}
	.shost-products-comparison-table h2 {
		font-size: 2.4rem;
	}
	.shost-products-comparison-table .reset, .shost-products-comparison-table .filter {
		font-size: 1.6rem;
	}
	.shost-products-comparison-table .filter {
		padding: .6em 2em;
		margin-left: 1.6em;
	}
	.shost-products-table .features {
		width: 216px;
	}
	.shost-products-columns {
		width: 2480px;
		margin-left: 210px;
	}
	.shost-products-columns .product {
		width: 173px;
	}
	.popuptable .shostvn-table {
        border-bottom-left-radius: unset;
        margin-bottom: 0;
    }
    .popuptable .shostvn-table .shostvn-tr .shostvn-td:first-child {
        text-align: left;
        border-left: solid 1px #dadada;
        position: absolute;
        width: 120px;
    }
    .popuptable .shostvn-table .shostvn-tr:first-child .shostvn-td:first-child {
        height: 43px;
    }
    .popuptable .shostvn-table .shostvn-tr .shostvn-td {
        min-width: 158px;
    }
	.footer-support-bar i {font-size:2rem;}	
	.bai-viet-lien-quan ul li {
		width: 50%;
	}
	.bai-viet-lien-quan ul li .box-image img {
		height: 90px;
	}
	.shostvn-image-border{
	border: 5px solid #fff;
	border-radius: 10px;
	}
	#wdc-style .large button#Submit{
		height: 40px !important;
		font-size: 16px !important;
	}
	.wdc-form #wdc-style .input-group .form-control{width:85%;}
	.wdc-form #wdc-style button#Submit{display:inline-block; width:15%;}
	#wdc-style .large #Search{font-size: 16px !important;}
	.header-main{
		padding: 0;
	}
	.nav-tabs+.tab-panels{
		padding: 30px 0 30px 0 !important;
	}
	.shostvn-intro-homepage{padding: 5px 8px !important; font-size: 1.5em;}
	.header-inner.flex-row.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.table-responsive {
		width: 100%;		
		overflow-x: scroll;
		overflow-y: hidden;		
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	.footer-wrapper h5::after {
		content: "\f105";
		position: absolute;
		right: 0;
		font-family: 'fl-icons';
		-moz-transition: all .1s linear;
		-webkit-transition: all .1s linear;
		transition: all .1s linear;
	}
	.footer-wrapper h5.current-active::after {
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.footer-wrapper h5:hover {
		cursor: pointer;
	}
	.post-item {
    padding: 0 0px 30px !important;
	}
	#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-left{
		bottom: 50px !important;
	}
	.shostvn-feature{
		left: 110px;
		top: 40px;
		padding: 6px 20%;
	}
	.category .box-text {
		padding: .7em;
	}
	.mfp-wrap button.mfp-close {
		color: var(--secondary-color);
	    top: 0;
	    left: 89%;
	}
	#shost-callback .loai-tu-van .inline-flex {
    display: block;
    text-align: left;
	}
	.mfp-auto-cursor .mfp-content{top:0;}
	#shost-callback .modal-content .modal-footer {font-size: 14px;}
	/**Check-Domain**/
	#domains-main-search {background:transparent;}
    #domains-main-search:before{display:none;}
    .home div#results{top:56px;z-index:99;}
    /**Check-Domain**/
	.material-tooltip{
		max-width: calc(100%) !important;
		left: 12px !important;
    	right: 12px !important;
	}
	.shostvn-intro-homepage img{height: 15px;}
	/*.shostvn-banner-homepage .section-bg{
    	background-image: url(/wp-content/uploads/2022/01/shostvn-cloud-tet-bg-mobile.svg) !important;
	}*/
	.shostvn-yeu-cau-goi-lai{ width: 70%; }
	/* CSS Mobile 2025 */
	.accordion.mobile-menu a.accordion-title {
		padding: 10px 0;
		color: #000;
	}
	.accordion.mobile-menu a.accordion-title.active,.accordion.mobile-menu .ux-menu-link__link {
		color: #000;
		background-color:transparent;
	}
	.accordion.mobile-menu .ux-menu-link:hover .ux-menu-link__link{
		color: #000;
	}
	.accordion.mobile-menu.arrow-right .accordion-title .toggle {
		left: 100%;
		top:0;
	}
	.accordion.mobile-menu.arrow-right .accordion-title .toggle i{
		font-size: .8em;
	}
	.accordion.mobile-menu  .accordion-inner{
		padding: 0 1em;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}