.desktop-slide{
display: none;
}
img.mobile-slide{
display: block;
}
.mobile-img{
width: 100% !important;
}
.award-left {
width:100%;
float:left;
padding-top:20px;
}
.award-left img {
margin-left:auto;
margin-right:auto;
height: auto;
}
.award-right {
width:90%;
float:left;
padding:3%;
font-size:13px;
line-height:150%;
}
.box-award {
box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
background-position: top center;
width:100%;
float:left;
max-height:auto;
}
.copyright {
color:white;
font-size:12px;
margin-top:30px;
}
.copyright a{
color:white;
font-size:12px;
}
.main-con-home {
margin-top: 0px; 
overflow-x: hidden !important;
}
.home-ban-text {
position: absolute;
width: 100%;
bottom: 0;
top: 250px;
overflow-x: hidden !important;
}
.bg-reason-home {
background-image: url(http://192.168.0.105:81/fairdeal/wp-content/uploads/2019/04/Group-6571.png);
background-position: right top;
background-size: 50%;
background-repeat: no-repeat;
float: left;
width: 100%;
}
.map-description {
position: relative;
bottom: 56px;
left: 13%;
line-height: 188%;
}
.map-space {
width:100%;
height: 836px;
float:left;
position: relative;
}
.map-space-cam {
width:100%;
height: 836px;
float:left;
position: relative;
padding-top:200px;
}
.map-con {
width:100%;
float:left;
position: relative;
}
.red-branch {
display: block;
color:#ff306a;
font-weight:700;
}
.blue-dealer {
display: block;
color:#4059e1;
font-weight:700;
}
img.map-base {
width:100%;
height:100%;
}
.box {
position: absolute;
width:auto;
}
.box img { 
transition: all .2s ease-in-out;
width:35px;
height:40px;
}
.box img:hover { 
transform: scale(1.2); 
}
.loc { 
position:absolute;
background: #fff;
width:auto;
height:auto;
bottom:20px;
right: 40px;
display: inline-block;
color:black;
padding:8px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;
}
.locr { 
position:absolute;
background: #fff;
width:auto;
height:auto;
bottom:20px;
left: 40px;
display: inline-block;
color:black;
padding:8px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;
} 
.loc:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 15px solid transparent; 
border-left-color: #fff;
border-right: 0;
border-bottom: 0;
margin-top: -7.5px;
margin-right: -15px;
}
.locr:after { 
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 15px solid transparent;
border-right-color: #fff;
border-left: 0;
border-bottom: 0; 
margin-top: -7.5px;
margin-left: -15px;
z-index: -1
}
.box_1 {
top: 14%;
left: 11%;
}
.box_2{
top: 15%;
left: 25%;
}
.box_3 {
top: 36%;
left: 17%;
}
.box_4 {
bottom: 4%;
left: 23%;
}
.box_5 {
bottom: 25%;
left: 44%;
}
.box_6 {
bottom: 4%;
left: 44%;
}
.box_m1 {
top: 10%;
left: 61%;
}
.box_m2 {
top: 8%;
left: 41.5%;
}
.box_m3 {
top: 13.5%;
left: 28%;
}
.box_m4 {
top: 16.5%;
left: 44%;
}
.box_m5 {
top: 16%;
left: 55%;
}
.box_6 {
bottom: 38%;
left: 58%;
}
.box_m7 {
top: 25%;
left: 39%;
}
.box_m8 {
top: 38%;
left: 37%;
}
.box_m9 {
top: 26.5%;
left: 36%;
}
.box_m10 {
top: 30%;
left: 52%;
}
.box_m11 {
top: 36%;
left: 30%;
}
.box_m12 {
top: 32%;
left: 42%;
}
.box_m13 {
top: 29%;
left: 73%;
}
.box_m14 {
top: 43%;
left: 41%;
}
.box_m15 {
top: 44%;
left: 25%;
}
.box_m16 {
top: 35%;
left: 41%;
}
.box_m17 {
top: 51%;
left: 35%;
}
.box_m18 {
top: 38%;
left: 55%;
}
.box_m19 {
top: 45%;
left: 48%;
}
.box_m20 {
top: 42%;
left: 58%;
}
.box_m21 {
top: 54%;
left: 48%;
}
.box_m22 {
top: 57%;
left: 40%;
} 
.loc-yangon {
position: absolute;
background: #ff0 !important;
width: 200px;
height: 140px;
bottom: 4px;
left: 0px;
display: inline-block;
color: black;
padding: 8px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;	}
.box_m23 {
top: 62%;
left: 27.5%;
}
.box_m24 {
top: 60%;
left: 60.5%;
}
.box_m25 {
top: 62.5%;
left: 66%;
}
.box_m26 {
top: 67%;
left: 62.5%;
}
.box_m27 {
top: 77%;
left: 69%;
}
.box_m28 {
top: 87%;
left: 74%;
}
.box_m29 {
top: 87%;
left: 74%;
}
.box_m30 {
top: 87%;
left: 74%;
}
.box_m31 {
top: 57%;
left: 27%;
}
.box_m32 {
top: 42%;
left: 14.5%;
}
.box_m33 {
top: 39%;
left: 5.5%;
}
.box_m34 {
top: 47%;
left: 25.5%;
}
.box_m35 {
top: 19%;
left: 35%;
}
.loc_1,.loc_2 ,.loc_3 ,.loc_4 ,.loc_5,.loc_6
,.loc_m1,.loc_m2 ,.loc_m3 ,.loc_m4 ,.loc_m5 
,.loc_m6,.loc_m7 ,.loc_m8 ,.loc_m9 ,.loc_m10
,.loc_m11,.loc_m12 ,.loc_m13 ,.loc_m14 ,.loc_m15
,.loc_m16,.loc_m17 ,.loc_m18 ,.loc_m19 ,.loc_m20
,.loc_m21,.loc_m22 ,.loc_m23 ,.loc_m24 ,.loc_m25
,.loc_m26,.loc_m27 ,.loc_m28 ,.loc_m29 ,.loc_m30
,.loc_m31,.loc_m32 ,.loc_m33 ,.loc_m34 ,.loc_m35
{ 
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
.box_1:hover .loc_1,.box_2:hover .loc_2 ,.box_3:hover .loc_3 ,.box_4:hover .loc_4 ,.box_5:hover .loc_5,.box_6:hover .loc_6
,.box_m1:hover .loc_m1,.box_m2:hover .loc_m2 ,.box_m3:hover .loc_m3 ,.box_m4:hover .loc_m4 ,.box_m5:hover .loc_m5
,.box_m6:hover .loc_m6,.box_m7:hover .loc_m7 ,.box_m8:hover .loc_m8 ,.box_m9:hover .loc_m9 ,.box_m10:hover .loc_m10
,.box_m11:hover .loc_m11,.box_m12:hover .loc_m12 ,.box_m13:hover .loc_m13 ,.box_m14:hover .loc_m14 ,.box_m15:hover .loc_m15
,.box_m16:hover .loc_m16,.box_m17:hover .loc_m17 ,.box_m18:hover .loc_m18 ,.box_m19:hover .loc_m19 ,.box_m20:hover .loc_m20
,.box_m21:hover .loc_m21,.box_m22:hover .loc_m22 ,.box_m23:hover .loc_m23 ,.box_m24:hover .loc_m24 ,.box_m25:hover .loc_m25 
,.box_m26:hover .loc_m26,.box_m27:hover .loc_m27 ,.box_m28:hover .loc_m28 ,.box_m29:hover .loc_m29 ,.box_m30:hover .loc_m30
,.box_m31:hover .loc_m31,.box_m32:hover .loc_m32 ,.box_m33:hover .loc_m33 ,.box_m34:hover .loc_m34 ,.box_m35:hover .loc_m35
{
visibility: visible;
opacity: 1;
}
ul.footer-botton-menu  {
margin-top: 10px;
margin-left:0;
padding:0;
}
ul.footer-botton-menu li{
display:inline !important;
margin-right: 20px;
}
ul.footer-botton-menu li a{
display:inline !important;
}
.banner {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.banner-home {
width: 100%;
overflow: hidden;
position: relative;
height: 100vh;
overflow-x: hidden !important;
}
.color-layer { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
font-size: 60px;
text-align: center;
width: 100%;
overflow-x: hidden !important;
}
img.banner-img {
position: relative;
top: 0;
left: 50%;
width: 220%;
float: right;
overflow-x: hidden !important;
margin-top: auto; 
}
.main-con {
width: 100%;
float: left;
overflow-x: hidden !important;
}
.map-ul .nav-tabs  {
float: right;
text-transform: uppercase;
padding-top: 30px;
padding-bottom: 100px;
}
.map-ul .nav-tabs > li.active > a,.map-ul  .nav-tabs > li.active > a:focus,
.map-ul .nav-tabs > li.active > a:hover {
color: #fff;
cursor: default;
background-color:#4059e1;
border-radius:0;
width:100%;
}
.map-ul .nav-tabs > li > a {
color: black;
border:0px;
cursor: default;
border-radius:0;
width:100%;
}
.map-ul .nav-tabs > li.active > a {
border:0px !important;
}
.map-ul .nav-tabs > li {
float: left;
border: 2px solid #4059e1;
}
@media only screen and (max-width: 600px) {
.loc-yangon {
position: absolute;
background: #fff !important;
width: 200px;
height: 140px; 
bottom: 4px;
left: 40px;
display: inline-block;
color: black;
padding: 8px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;
}
.map-space {
height: 538px;
}
.map-space-cam {
height: 350px;
padding-top:20px;
}
.loc , .locr { 
z-index: 1000000;
}
.loc { 
bottom:0px;
right: 25px;
z-index: 1000000;
}
.locr { 
bottom: 0px;
left: 25px;
z-index: 1000000;
}
.box img {
width: 19px;
height: 21px;
}
.loc-yangon:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: #fff;
border-left: 0;
border-bottom: 0;
margin-left: -8.5px;
margin-bottom: -10px;
z-index: -1;
}
.loc:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 10px solid transparent; 
border-left-color: #fff;
border-right: 0;
border-bottom: 0;
margin-top: -8.5px;
margin-right: -10px;
}
.locr:after {
content: '';
position: absolute; left: 0;
top: 50%; 
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: #fff;
border-left: 0;
border-bottom: 0; 
margin-left: -8.5px;
margin-bottom: -10px;
z-index: -1;
}
.box_4 {
left: 20%;
}
.box_m30 {
top: 87%;
left: 68%;
}
}
@media only screen and (min-width: 600px) {
.loc-yangon {
position: absolute;
background: #fff !important;
width: 200px;
height: 140px;
bottom: 4px;
left: 40px;
display: inline-block;
color: black;
padding: 8px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;	}
ul.footer-botton-menu  { }
}
@media screen and (min-width: 320px) {
.loc-yangon {
position: absolute;
background: #fff !important;
width: 155px;
height: 165px;
bottom: -32px;
left: 30px;
display: inline-block;
color: black;
padding: 5px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;
}
}
@media screen and (min-width: 700px) {
.map-description {
left: 65%;
}
.mobile-slide img{
width: 100% !important;
position: relative;
top: 0;
left: 0;
overflow-x: hidden !important;
margin-top: auto; 
}
.desktop-slide{
display: block;
}
.mobile-slide{
display: none;
}
}
@media screen and (min-width: 800px) {
.map-description {
left: 65%;
}
}
@media screen and (min-width: 900px) {
.box-award {
max-height:310px;
}
.loc-yangon {
position: absolute;
background: #fff !important; 
width: 200px;
height: 140px;
bottom: 4px;
left: 40px;
display: inline-block;
color: black;
padding: 8px;
box-shadow: 2px 2px 9px rgba(0,0,0,0.2);
z-index: 1000000;
}
.loc-yangon:after { 
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 15px solid transparent;
border-right-color: #fff;
border-left: 0;
border-bottom: 0; 
margin-top: -7.5px;
margin-left: -15px;
z-index: -1
}
.main-con-home {
margin-top: 0px;
}
.home-ban-text {
top: 525px;
}
.map-description {
left: 50%;
}
.main-con {
margin-top: 52vh;
}
.main-con {
margin-top: auto;
}
.banner {
height: 72vh;
}
.centered {
width: auto;
}
.award-left {
width:45%;
padding-right:3%;	
padding-top:0px;
}
.award-right {
width:52%;
}
}
@media screen and (min-width: 960px) {
img.banner-img {
left:0;
width: 100%; margin-top: 56px;
}
.banner {
height: 60vh;
}
}