/*
|----------------------------------------------------------------------
|       Media Queries
|----------------------------------------------------------------------
*/


@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	/*_____ Home _____*/
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
}

@media screen and (max-width: 991px) {
	.flexEnd , .flexEnd2{
		height: auto;
	}
	/*_____ Navigation _____*/
	.logo {
		margin-left: 40px;
	}
	#lang {
		display: none;
	}
	.toggle {
		display: block;
	}
	nav {
		position: fixed;
		top: 70px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
		margin: 0 !important;
		-ms-flex-flow: wrap;
		    flex-flow: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		border-top: 1px solid #464646;
		padding-bottom: 10px;
		opacity: 0;
		visibility: hidden;
		overflow: auto;
	}
	nav.active {
		opacity: 1;
		visibility: visible;
	}
	nav > ul {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}
	nav > ul > li {
		padding: 0 15px;
	}
	nav > #nav {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-bottom: 20px;
	}
	nav > #nav > li {
		display: none;
	}
	nav > #nav > li.lang {
		display: block;
	}
	nav > #nav > li > a {
		height: 50px;
		display: block;
		padding: 16px 0 0;
		border-bottom: 1px solid #464646;
	}
	nav > #nav > li:nth-last-child(1) > a {
		border-bottom: 0;
	}
	nav > #btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	nav > #btn > li {
		padding: 5px 15px;
		border: 0 !important;
	}
	nav > #btn > li .webBtn {
		background: transparent;
		color: #333 !important;
		-webkit-box-shadow: inset #333 0 0 0 2px;
		        box-shadow: inset #333 0 0 0 2px;
	}
	nav > #btn > li .webBtn:hover {
		background: #333;
		color: #fff !important;
	}
	/*_____ All Site _____*/
	#banner{
		padding: 40px 0px 40px;
	}
	#banner .ouTer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow:column-reverse;
		        flex-flow: column-reverse;
	}
	#banner .ouTer .image{
		width: 100%;
	}
	#banner .ouTer .image .innerImg{
		width: 100%;
		height: initial;
	}
	/*#banner .ouTer .image .innerImg img{
		-o-object-position: top;
		   object-position: top;
	}*/
	#banner .content {
		padding-right: 0;
		width: 100%;margin-top: 40px;
	}
	
	#banner .content .nav-tabs > li {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		margin-right: 30px;
	}
	
	#banner form .bootstrap-select.txtBox ul.dropdown-menu {
		max-height: 160px !important;
	}
	
	.copyright .conect > li{
		border-right: none;
	}
	.bottomBoxBtns{
		position: relative;
		padding-right: 0px;
		margin-top: 60px;
	}
	.bottomBoxBtns ._bTn{
		width: 50%;
	}
	.bottomBoxBtns .bTn{
		width: 50%;
	}
	.newCntnt{
    max-width: 100%;
    position: relative;
    right: 0;
    bottom: 0px;
    margin-top: 30px;
    }
    .newCntnt p{
    	margin-right: 0px;
    }
    .longTxt , .enLongTxt{
    margin-bottom: 30px;
    }

    .dataImage{
      margin-bottom: 0px;
    }

    #prepaidInfo {
      width: auto;
      float: none;
      position: relative;
      top: 0;
      right: 0;
      text-align: justify;
      margin-top: 11px;
    }
  }

@media screen and (max-width: 767px) {
	/*_____ All Site _____*/
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 15px;
	}
	p.pre {
		font-size: 16px;
	}
	/*_____ Home _____*/
	.popup[data-popup="langauge"] ._inner {
		padding: 25px;
	}
	.popup[data-popup="contact"] ._inner .confirmBlk .bTn {
		margin-top: 30px;
	}
	.logo {
		float: none;
		margin: auto;
	}
	.copyright {
		padding: 15px 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		text-align: center;
	}
	.copyright ul {
		width: 100%;
		margin: 0 -10px;
	}
	.copyright .conect > li {
		display: block;
		padding: 0 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #4e4a4a;
	}
	.copyright .conect > li:nth-last-child(1) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
}

@media screen and (max-width: 580px) {
	/*_____ col-xx-? _____*/
	.col-xx-12 {
		width: 100%;
	}
	.col-xx-11 {
		width: 91.66666667%;
	}
	.col-xx-10 {
		width: 83.33333333%;
	}
	.col-xx-9 {
		width: 75%;
	}
	.col-xx-8 {
		width: 66.66666667%;
	}
	.col-xx-7 {
		width: 58.33333333%;
	}
	.col-xx-6 {
		width: 50%;
	}
	.col-xx-5 {
		width: 41.66666667%;
	}
	.col-xx-4 {
		width: 33.33333333%;
	}
	.col-xx-3 {
		width: 25%;
	}
	.col-xx-2 {
		width: 16.66666667%;
	}
	.col-xx-1 {
		width: 8.33333333%;
	}
	/*_____ Common _____*/
	.ckEditor figure,
	.ckEditor p > img {
		width: 220px !important;
	}
	.popup .list > li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}
	.popup .list > li > div:nth-child(1) {
		width: 100%;
		min-width: 100px;
		margin: 0 0 3px;
	}
	#banner .ouTer:before,
	#banner .content:before {
		top: -120px;
		left: -110px;
		width: 160px;
		height: 160px;
	}
}

@media screen and (max-width: 480px) {
	/*_____ col-xx-? _____*/
	.col-xx-12,
	.col-xx-11,
	.col-xx-10,
	.col-xx-9,
	.col-xx-8,
	.col-xx-7,
	.col-xx-6,
	.col-xx-5,
	.col-xx-4,
	.col-xx-3,
	.col-xx-2,
	.col-xx-1 {
		width: 100% !important;
	}
	/*_____ Home _____*/
	#world .miniBlk,
	#world .priceBlk {
		padding: 20px 0;
	}
	/*_____ Common _____*/
	.ckEditor figure,
	.ckEditor p > img {
		float: none !important;
	}

	/*============all site========*/
	#banner .ouTer .image .innerImg{
		width: 100%;
		height: initial;
	}#banner .content p , .lblBtn label{
		font-size: 18px;
	}
	.flexEnd , .flexEnd2{
		height: auto;
	}
	.countryPopup ._inner{
		padding: 30px;
	}
	.delyBox{
		padding-left: 0px;
	}
	.delyBox label{
		font-size: 18px;
	}
	.semiCntnt h4{
		font-size: 14px;
	}
	.longTxt , .enLongTxt{
    margin-bottom: 30px;
    }
    .webBtn.blueBtn{
    	font-size: 14px;padding: 16px 20px 0;letter-spacing: 0px;
    }
    .webBtn.blueBtn._annbTn{
    	padding-left: 43px!important;
    }
    .webBtn.blueBtn img{
    	width: 25px;
    top: 16px;
    left: 6px;
    }
    .webBtn.blueBtn i{
    	right: 11px;
    }
    .webBtn{
    	height: 51px;font-size: 13px;    padding: 18px 20px 0;
    }

	
	#banner .registerBtn .blockBtn em {
		-o-text-overflow: ellipsis;
		   text-overflow: ellipsis;
		overflow: hidden;
	}

	.contain, .contain-fluid{
		padding: 0px 29px;
	}
	
}

@media screen and (max-width: 380px) {
	/*_____ All Site _____*/
	p.pre {
		font-size: 15px;
	}
	/*_____ Home _____*/
	#banner .content .nav-tabs {
		-ms-flex-flow: wrap;
		    flex-flow: wrap;
		margin-bottom: 10px;
	}
	#banner .content .nav-tabs > li {
		-webkit-box-flex: 1;
		    -ms-flex: auto;
		        flex: auto;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	#banner .content h1{
		font-size: 24px;
	}
}
@media screen and (max-width: 320px){
	.contain, .contain-fluid {
    padding: 0px 20px;
}
.webBtn.blueBtn{
	padding: 18px 20px 0px;font-size: 12px;
}
.chClrBox .bTn{
	width: 65%;
}

}
/*
|----------------------------------------------------------------------
|       Media Queries Height
|----------------------------------------------------------------------
*/

@media screen and (min-height: 736px) and (max-height: 736px){
	.webBtn.blueBtn{
    	font-size: 14px;padding: 18px 20px 0;letter-spacing: normal;
    }
    .webBtn.blueBtn img{
    	width: 28px;
    top: 13px;
    left: 11px;
    }
    .webBtn.blueBtn._annbTn{
    	padding-left:50px!important; 
    }
    .webBtn.blueBtn i{
    	right: 17px;
    }
}

@media screen and (min-height: 768px) {
	body > main {
		display: block;
	}
}

@media screen and (max-height: 768px) {
}

@media screen and (min-height: 1040px) {
}