/* ================================================== */
@media only screen and (max-width: 480px) {
	html,body{overflow-x: hidden;}
	iframe{width: 96%!important;border: none;}
	.main .div1023 .contentin{padding-left:5px!important; padding-right: 5px;}
	.content-left1, .cont-button,.st_twitter_hcount, .st_pinterest_hcount, .st_email_hcount, .st_facebook_hcount, .right-cart,#site-search, .dv_adv, .hrps,#btn_mua, .clear-hd, .ct-news-dsc{display:none!important;}
	.div1000, .full, .main .div1023,#cssmenu, .div1000 .top, .main, .bottom{width:100%!important;}
	#bottom{width:95%!important}
	#bottom{overflow: hidden;}
	#top-banner-site img{width: 150px!important;margin-left: 85px;margin-top: 10px;}
	.product-item{border:none;width:97%!important;height: auto!important;margin: 0 auto;float: none;border-bottom: 1px dashed #ccc;margin-top: 10px;}
	.product-item .image{width:260px!important;height: 220px!important;}
	.product-item .image .middle{width:240px!important;}
	.product-item .image .middle img{width: 240px!important;height: auto;}
	.product-detail img{max-width:350px;height:auto!important;}
	.left-product{width: 95%!important;}
	.product .content-detail{width:97%;}
	.blog_item_mod img{float: none;}
	.product .content-detail img{max-width:300px;height:auto!important;}
	.left-product img{height: auto!important;width: 97%!important;}
	.btn_1{text-align: right;margin-right:5px;}
	.btn_2{text-align: left;}
	.blog_item_mod {height: auto;margin-bottom: 25px;border-bottom: 1px dashed #ccc;margin-top: 10px;width: 95%;  overflow: hidden;}
	.blog_item_mod h4{font-weight: 600;font-size: 13px;}
	.one_fifth {min-width: 250px;}
	.left-img {width: 98%;float: none;}
	.right-contact {width: 96%;float: none;margin-left: 5px;}
	.mod-f-coment{width:100%;}
	.scrollup {/*width: 39px;height: 39px;background: url(images/scroll_min.png) no-repeat left top;*/}
	.mod-left, .mod-right, div.ja-moduletable, .col-lg-12, .col-lg-12 .col-lg-4:first-child {
		width: 100%;
	}
	.full {
		margin-top: 5px;
	}
	.col-lg-4 {
		padding: 10px;
	}
	.footer-top, #footer {
		padding: 10px !important;
	}
	.network{
    background-size: cover!important;
    background-position: center!important;background-position: center!important;}
    .port {
    
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}
.car-0, .div-p0, .med-0{width:100%!important; float: none!important;}
.med-0{padding-top:0!important;}
#pic-ken-h, #pic-kate-h{display:block!important;}
#pic-ken-v, #pic-kate-v{display:none!important;}
#cssmenu .has-sub .has-sub > ul{display:block!important;    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;}
.clear-40{margin-bottom: 30px!important;
    border-bottom: 1px dashed rgba(51,51,51,0.7);}
.med-0 img{margin-top:20px!important;}
.car-1, .div-p1{/*width:97%!important;padding:20px 10px!important;*/width: 100% !important;padding:0px!important;margin-top:20px;}
.div-p1 a{font-size: 14px!important;}
.top-bar, ol.flex-control-nav {
		display: none !important;
	}
	#cssmenu {
		margin: 0 !important;
	}
	.container .header {
		width: 100%;
		padding: 0;
	}
	.header .logo, .header #cssmenu {
		float: none;
		width: 100%;
	}
	.header .logo {
		padding: 20px;
		text-align: center;
		box-sizing: border-box;
	}
	.content{
		width:100%!important;
		padding-left: 5px;
		padding-right: 5px;
		box-sizing: border-box;
	}
	.content.home{padding: 0;}
	h1.title{font-size:20px!important;}
	.logomenu{padding:0!important;top: 0!important;}
	.img-banner{/*margin-top: 154px*/;width: 100%!important;
    height: auto;}
	.accordion {
	    padding: 0 10px;
	/*
    width: 97%!important;
    margin: 0 auto!important; */
	}
	#cssmenu > ul > li.m-active > a {
		color: #333!important;
		background: #fff!important;
		border-radius: 4px;
	}
	#cssmenu ul ul {
		margin-top: 0;
	}
	.network-in, .port-in, .contact-in {
		padding: 20px 5px !important;
	}
	.contact-in.services {
		padding: 0 !important;
	}
	.network .arrow {
		padding: 0 !important;
	}
	.network .arrow img {
		padding: 0 !important;
		width: 100% !important;
	}
	.port-in, .contact-in {
		width: 100% !important;
		box-sizing: border-box;
	}
	.left-form, .right-form {
		width: 100% !important;
		float: none !important;
	}
	.right-form {
		margin-top: 10px;
	}
	.col1, .col2, .col3, .col4 {
		float: none !important;
		/*margin-right: 0 !important;*/
		width: 100% !important;
	}
	.content img {
		width: 100%!important;
		height: auto !important;
	}
	.cap-col1, .cap-col2, .cap-col3, .cap-col4, .cap-col5 {
		width: 100% !important;
		float: none !important;
		margin-bottom: 1px;
		border-bottom: 1px solid white;
	}
	.port-in h1, .network-in h1, .our-core-in h1 {
		font-size: 1.5em !important;
	}
	.port-in > div > p {
		font-size: 14px;
	}
	.port .box-content {
		padding: 10px 20px !important;
	}
	.caption {
		margin-top: 1px;
	}
	.cap-img {
		display: none;
		border: 0 !important;
	}
	.cap-desc {
		height: inherit !important;
	}
	.footer {
		height: inherit !important;
	}
	.foo-left, .foo-right {
		width: 100%;
		float: none !important;
		text-align: center !important;
		margin: 0 !important;
	}
	.foo-right {
		margin-top: 20px !important;
	}
	iframe {
		width: 100% !important;
		height: 300px;
	}
	.our-core {
		display: none !important;
	}
	.our-core-mobi {
		display: block !important;
	}
	.accordion-top {
		margin-bottom: 0 !important;
	}
	.accordion-row2 .col1, .accordion-row2 .col2, .accordion-top .col1, .accordion-top .col2 {
		height: inherit !important;
		margin-bottom: 5px;
	}
	.accordion-row1 .col2 {
		border-left: 0 !important;
		padding-left: 0 !important;
	}
	.accordion-row1 {
		margin-bottom: 5px !important;
	}
	.header .container {
		width: 100% !important;
		padding: 0 !important;
	}
	.repon-title a, .repon-title span {
		font-size: 14px;
	}
}
/* ================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	html,body{overflow-x: hidden;}
	iframe{width: 96%!important;border: none;}
	.main .div1023 .contentin{padding-left:5px!important;}
	.content-left1,.cont-button,.right-cart,#site-search, .dv_adv, .hrps,#btn_mua, .clear-hd, .ct-news-dsc{display:none!important;}
	.div1000, .full, .main .div1023,#cssmenu, .div1000 .top, .main, .bottom{width:100%!important;}
	#bottom{width:95%!important}
	#bottom{overflow: hidden;}
	.product .content-detail{width:97%;}
	.product .content-detail img{max-width:460px;height:auto!important;}
	#top-banner-site img{width: 150px!important;margin-left: 85px;margin-top: 10px;}
	.product-item{border:none;width:260px!important;height: 220px!important;margin: 0 auto;float: none;border-bottom: none;margin-top: 10px;float:left;}
	.product-item .image{width:260px!important;height: 220px!important;}
	.product-item .image .middle{width:240px!important;}
	.product-item .image .middle img{width:240px!important;}
	.product-detail img{max-width:470px;height:auto!important;}
	.left-product{width: 95%!important;}
	.left-product img{height: auto!important;width: 97%!important;}
	.btn_1{text-align: right;margin-right:5px;}
	.btn_2{text-align: left;}
	.blog_item_mod {height: auto;margin-bottom: 25px;border-bottom: 1px dashed #ccc;margin-top: 10px;width: 95%;  overflow: hidden;}
	.blog_item_mod h4{font-weight: 600;font-size: 13px;}
	.one_fifth {width: 240px!important;float:left;height: 200px;}
	.scrollup {width: 24px;height: 24px;background: url(images/scroll_min.png) no-repeat left top;}
	.left-img {width: 98%;float: none;}
	.right-contact {width: 96%;float: none;margin-left: 5px;}	
	.mod-f-coment{width:100%;}
	.scrollup {width: 39px;height: 39px;background: url(images/scroll_min.png) no-repeat left top;}
	.mod-left, .mod-right, div.ja-moduletable, .col-lg-12, .col-lg-12 .col-lg-4:first-child {
		width: 100%;
	}
	.full {
		margin-top: 5px;
	}
	.col-lg-4 {
		padding: 10px;
	}
	.footer-top, #footer {
		padding: 10px !important;
	}
}

/* ================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	html,body{overflow-x: hidden;}
	iframe{width: 96%!important;border: none;}
	.cont-button, .main .div1023 .contentin{padding-left:5px!important;}
	.content-left1,.right-cart,#site-search, .dv_adv, .hrps,#btn_mua, .clear-hd, .ct-news-dsc{display:none!important;}
	.div1000, .full, .main .div1023,#cssmenu, .div1000 .top, .main, .bottom{width:100%!important;}
	#bottom{width:95%!important}
	#bottom{overflow: hidden;}
	#top-banner-site img{width: 150px!important;margin-left: 85px;margin-top: 10px;}
	.product-item{border:none;width:280px!important;height: 220px!important;margin: 0 auto;float: none;border-bottom: 1px dashed #ccc;margin-top: 10px;float:left;}
	.product-item .image{width:260px!important;height: 220px!important;}
	.product-item .image .middle{width:240px!important;}
	.product-item .image .middle img{width:240px!important;}
	.left-product{width: 60%!important;}
	.product-detail img{max-width:600px;height:auto!important;}
	.left-product img{height: auto!important;width: 97%!important;}
	.btn_1{text-align: right;margin-right:5px;}
	.btn_2{text-align: left;}
	.blog_item_mod {height: auto;margin-bottom: 25px;border-bottom: 1px dashed #ccc;margin-top: 10px;width: 95%;  overflow: hidden;}
	.blog_item_mod h4{font-weight: 600;font-size: 13px;}
	.one_fifth {width: 240px!important;float:left;}
	.scrollup {width: 24px;height: 24px;background: url(images/scroll_min.png) no-repeat left top;}
	.left-img {width: 98%;float: none;}
	.right-contact {width: 96%;float: none;margin-left: 5px;}	
	.mod-f-coment{width:100%;}
	.scrollup {width: 39px;height: 39px;background: url(images/scroll_min.png) no-repeat left top;}
	.mod-left, .mod-right, div.ja-moduletable, .col-lg-12, .col-lg-12 .col-lg-4:first-child {
		width: 100% !important;
	}
	.full {
		margin-top: 5px;
	}
	.col-lg-4 {
		padding: 10px;
	}
	.footer-top, #footer {
		padding: 10px !important;
	}
}
/* ================================================== */
@media only screen and (min-width: 992px) and (max-width: 1201px) {
	.header, .logomenu {
		/*padding: 10px 50px;*/
	}
	.cap-desc .title {
		font-size: 13px !important;
	}
	.cap-desc .desc, .cap-desc .title a {
		font-size: 13px !important;
	}
	.content, .content.accordion, .contact .contact-in, .port .port-in, .header .container  {
		width: 1170px !important;
	}
	#cssmenu > ul > li > a {
		padding: 12px 12px;
	}
}
/* ================================================== */
@media only screen and (min-width: 1200px) {
}