/* Desktop အကြီးတွေ၊ Monitor အကြီးတွေအတွက် */
@media (min-width: 1440px) {
}

/* Laptop တော်တော်များများအတွက် */
@media (max-width: 1199.98px) {
	ul.hsocial li:last-child {
		display: none;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-left: 3px;
		padding-right: 3px;
	}	
	.about-des p:last-child {
		margin-top: 0px;
	}
	.about-des {
		padding: 10px 0px;
	}
	.home-ff {
		width: 100%;
	}
	.home-ff p {
		font-size: 15px;
	}
	.alka-sdes p.strong1{
		font-size: 15px;
	}
	.alka-sdes p.strong2 {
		font-size: 14px;
	}
	.alka-des{
		background-position: center center;
	}
	a.btn.right{
		margin: 0 0px;
	}
	.copyright p{
		font-size: 15px;
	}
	.hprods {
		display: -webkit-inline-box!important;
	}
	.hprods .panel-grid-cell {
		width: 33.3333%!important;
/* 		width: calc(33.3333% - ( 0.66666666666667 * 30px ) )!important; */
		margin-right: 14px!important;
		margin-bottom: 0!important;
	}
	.hprods .panel-grid-cell:last-child {
		margin-right: 0!important;
	}
}

/* Tablet landscpe width တွေအတွက် */
@media (max-width: 1023.98px) {
	.home-caption p{
		font-size: 31px;
	}
	.home-caption h5{
		font-size: 24px;
	}
	.home-caption h2{
		font-size: 41px;
	}
	.home-ff {
		width: 88%;
	}
	.home-ff p {
		font-size: 13px;
	}
	#pl-w5e6b19c9b7766 .so-panel {
		margin-bottom: 20px!important;
	}
}

/* Tablet portrait width တွေအတွက် */
@media (max-width: 991.98px) {
	.navbar-nav a.nav-link	{
		font-size: 11px;
		letter-spacing: 0px;
		margin-right: 4px;
	}
	a.custom-logo-link {
		width: 130px;
	}
	.metaslider .caption-wrap{
		bottom: 25%!important;
    	left: 40%!important;
	}
	.home-caption p{
		line-height: 3px;
	}
	.home-caption h5{
		letter-spacing: 4px;	
	}
	.home-caption h2{
		letter-spacing: 5px;
	}
	h3.widget-title {
		font-size: 18px;
	}	
	.home-ff {
		width: 100%;
	}
	.home-ff p {
		font-size: 12.5px;
	}
		.home-ff.lst, .home-ff.third, .home-ff.sec {
		margin-left: 0px;
	}
	.alkaline-umg img {
/* 		width: 40%; */
		margin: 0 auto;
	}
/* 	.alka-sdes {
		display: block!important;
	} 
	.alka-sdes .panel-grid-cell:first-child {
		width: 25%!important;
	}
 	.alka-sdes .panel-grid-cell:last-child {
		width: 100%!important;
		margin: 15px 0 0!important;
	} */
	.btn span.title, .btn i.icon {
		padding: 0 10px;
		line-height: 50px;
	}
	a.btn.right {
		margin: 0 0px;
		padding: 0;
	}	
	.promo-content .content {
    	padding: 30px 20px;
	}
}
@media (max-width: 800px){
	.home-ff {
		width: 83%;
	}
	.home-ff.lst, .home-ff.third, .home-ff.sec, .home-ff {
		margin: 0 auto;
	}
	.home-ff p {
		font-size: 14px;
	}
	#pg-11-4, #pgc-11-5-0{
		margin-bottom: 0!important;
	}
	.home-extra .hextra-link p{
		text-align: center;
	}
	.home-extra p{
		color: #000000;
	}
	.home-extra{
		padding: 20px 0;
	}
}
@media (max-width: 780px){
	.alka-sdes {
		display: -webkit-inline-box!important;
		width: 100%;
		box-shadow: 1px 2px 8px #d3d3d3;
		padding: 10px 0;
	}
	.alka-sdes .panel-grid-cell:first-child {
		width: 25%!important;
		margin-bottom: 0!important;
	}
	.alka-sdes .panel-grid-cell:last-child {
		width: 75%!important;
	}
	.alka-sdes .sec {
		margin-top: 20px;
	}
	.alka-sdes p.strong2 {
		margin-bottom: 0;
	}
	.alka-des {
		background-image: unset;
	}
	#pgc-w5e7989f3ed410-0-0, #pgc-w5e7989f3ed410-0-1{
		margin-bottom: 0!important;
	}
	.abproduct-1.niconx {
		display: flex!important;
	}
	.abproduct-1 {
		display: -webkit-inline-box!important;
	}
	.abproduct-1 .panel-grid-cell:last-child {
		width: 90%!important;
	}
	.abproduct-1 .panel-grid-cell:first-child {
		width: 10%!important;
	}
	.abproduct-1.niconx .panel-grid-cell:first-child {
		width: 99%!important;
	}
}
@media (max-width: 768px){
	span.wpml-ls-native {
		display: none;
	}
	.home-caption p{
		line-height: 1px;
		font-size: 29px;
	}
	.home-caption h2 {
		letter-spacing: 3px;
		font-size: 35px;
	}
	.home-caption h5 {
		font-size: 21px;
		letter-spacing: 4px;
	}
	.home-caption h5 span {
		font-size: 35px;
	}
	.alka-des{
		background-image: none!important;
	}
	.alka-des{
		background-image: unset;
	}
	.hprods {
		display: -webkit-inline-box!important;
	}
	.hprods .panel-grid-cell {
    width: 33.3333%!important;
/*     width: calc(33.3333% - ( 0.66666666666667 * 30px ) )!important; */
    margin-right: 13px!important;
}
	.hprods .panel-grid-cell:last-child {
		margin-right: 0px!important;
	}
	.home-extra {
		display: flex!important;
	}
/* 	#pgc-533-5-0 {
		width: 70%!important;
	}
	#pgc-533-5-1{
		width: 30%!important;
	} */
	.contact-des-r {
		display: -webkit-inline-box!important;
		width: 100%;
	}
	.contact-des-r .panel-grid-cell:first-child{
		width: 20%!important;
		margin-bottom: 0!important;
	}
	.contact-des-r .panel-grid-cell:last-child{
		width: 80%!important;
	}
}
/* ဖုန်း Landscape width တွေအတွက် */
@media (max-width: 767.98px) {
  /* css for multi-level dropdown */
  .dropdown-submenu ul.dropdown-menu {
    position: relative;
    left: 10px;
    width: 95%;
  }
	nav.navbar {
		float: none;
		position: relative;
		padding: 2px 0;
	}
	nav.navbar button.navbar-toggler{
		position: absolute;
		color: #ffffff;
		border-color: #ffffff;
		background: #ffffff;
		top: -65px;
		right: 0;
	}
	ul.hsocial i {
		display: none;
	}
	.metaslider .caption-wrap {
		bottom: 20%!important;
		left: 30%!important;
	}		
	p.powered_by {
		padding-top: 10px;
	}
	.copyright p {
		font-size: 14px;
		text-align: center;
	}
  /* end of css for multi-level dropdown */
	.banner .breadcrumbs{
		display: none;
	}
	.abproduct-1 .panel-grid-cell:first-child {
		width: 20%!important;
	}
	.abproduct-1 .panel-grid-cell:last-child {
		width: 80%!important;
	}
}

/* ဖုန်း portrait width တွေအတွက် */
@media (max-width: 575.98px) {
	ul.hsocial li {
		margin-right: 10px;
	}
	.metaslider .caption-wrap
	{
		display: none!important;
	}
	.navbar-collapse {
		padding-top: 9px;
	}
	span.wpml-ls-native {
		display: contents;
		margin-left: .7em!important;
	}
		ul.hsocial {
		display: none;
	}
	.htop {
		border-bottom: 0;
		margin-bottom: 0;
	}
	.lang_set {
		position: absolute;
		right: 0;
	}
	nav.navbar button.navbar-toggler{
		top: -38px;
	}
	.home-ff p {
		font-size: 13px;
	}
	.product-des .sow-image-container {
		background: #dcf1fa;
	}
	.hprods .panel-grid-cell {
		width: 100%!important;
		margin-right: 0px!important;
	}
	.hprods {
		display: unset!important;
	}
	.product-des img{
		background-color: transparent;
		margin: 0 auto;
	}
	.home-extra {
		display: flex!important;
	}
}

/* ဖုန်းသေးတွေအတွက် */
@media (max-width: 425px) {
	.home-ff {
		width: 100%;
	}
	.alkaline-umg img{
		width: 60%;
	}
	.alka-sdes .sec {
		margin-top: 5px;
	}
}
@media (max-width: 375px) {
	.home-ff p {
		font-size: 12px;
	}
	.alkaline-title strong {
		font-size: 28px;
	}
}
@media (max-width: 320px) {
	.home-ff p {
		font-size: 11px;
	}
}