/* ---------------Theme Responsive CSS----------- */
  :root {
  --darkBlue: #170c4e;
  --lightBlue: #6ed0f7;
  --white: #fff;
  --black: #000;
}
.home .headContact {
  margin:30px 0 0 10px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
      padding: 10px 0 0 4%;
}
.morePos { 
	margin-left: -20%;
}
.about-button {
	margin-left: 0;
}

/* TABLET PORTRAIT */
@media (max-width: 991px) {
    .detailBottom3Angle {
        width: 100%;
        height: 50%;
    }
    .in-page-margin-top {
	    margin-top: -110px;
    }
    .cat .losanges .col-md-3:nth-child(4) {
        margin-top: 70px;
        margin-left: 0%;
    }
    .home-left-button a {
	    left: 33% !important;
    }
    .home-right-button a {
	    left: 70%;
        top: 60%;
    }
    .top-0 {
    	top: 0;
    }
    .text-center {
	    text-align: center;
    }
    .team .losanges .col-md-3:nth-child(3) {
        margin-top: 2px;
    }
    .teamDet .mainContent #wrapper .contents.L {
        padding: 4% 10% 0 11%;
    }
    .mobile-font-size {
	    font-size: 20px !important;
    }
}

/* MOBILE LANDSCAPE */
@media (max-width: 767px) {
    .mobile-font-size {
        font-size: 10px !important;
    }
    .mobile-with-menu {
	    width: 40%;
    }
    .mobile-contact-header {
	    width: 60%;
        position: absolute;
        top: -13px;
        right: -10%;
    }
    .left3angle {
        -webkit-clip-path: none;
        clip-path: none;
    }
    .right3Angle {
        -webkit-clip-path: none;
        clip-path: none;
    }
    .real-estate-home-text {
        top: 47%;
    }
    .home-right-button a {
        left: 75%;
        top: -20%;
        display: none;
    }
    .home-right-button .morePosR {
        padding: 5px 5px;
        margin: 79px 0;
        position: absolute;
        left: 30% !important;
        width: 140px;
        height: 35px;
    }
    .home-left-button a {
	    display: none;
	    padding: 5px 5px !important;
        width: 140px !important;
        height: 35px !important;
        margin-top: -114px;
        left: 28% !important;
    }    
    .rightMini3angle:after {
        top: 16%;
    }
    .leftMini3Angle:after {
        top: 17%;
    }
    .tech-button, .display-none, .techBackButton.anvita-health {
	    display: none;
    }
    .detailBottom3Angle {
        width: 100%;
        height: 100%;
        bottom: -300px;
    }
    .techDet .R .detImgL img {
        transition: all 0.2s linear;
        opacity: 1;
    }
    .techDet .detPlus {
        left: 47%;
        top: 190%;
    }
    #navS {
        position: relative;
        width: 70%;
        top: -67px;
        left: -25%;
    }
    #navS span {
        padding-bottom: 23px;
    }
    .details .detPlus {
        position: absolute;
        left: 37%;
        top: 195%;
        z-index: 10000;
        opacity: 0 !important;
    }
    .morePos {
	    display: none;
    }
    .logo h1 {
        top: 2px;
    }
    .leftMini3angle {
        z-index: 2345;
    }
    .twelve12-credit {
	    display: none;
    }
    .home .twelve12-credit {
	    display: block !important;
    }
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .techDet .mainContent #wrapper .L .addressDet {
        width: 100%;
        height: 50px;
        padding-left: 15%;
        margin-bottom: 0px;
    }
}

/* MOBILE PORTRAIT */

@media (max-width: 479px) {
    /* For small phone: */
    body {
        background-color: #5997C0;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        margin:8px!important;
        display:block;
    }
    .left3Angle{
        webkit-clip-path: none;
        clip-path:none;
        background-color: rgba(39, 92, 172, 1);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1100;
    }
    .right3Angle{
        webkit-clip-path: none;
        clip-path:none;
        background-color: rgba(110, 208, 247, 1);
        position: absolute;
        top: 0;
        width: 120%;
        height: 150%;
        z-index: 1100;  
    }
    .CenterBottom3Angle, .leftMini3angle, .rightMini3Angle{
        display:none;
    }
    
    .home-content{
        height: auto!important;
        display:flex;
        flex-wrap:wrap;
        margin-top:5px;
    }
    #wrapper{
        margin:0 10% 0 10%;
        display:flex;
        flex-direction:column;
    }
    .tagline{
        margin:10%;
        font-size:16px;
        position:relative;
        color:#170c4e;
        font-weight: 700;
        z-index:10000;
    }
    header {
        position:relative;
        height:10%;
        z-index:10000;
        display:block;
        margin:5% 10% 5% 10%;
    }

    .mobile-with-menu{
        width:40%;
        margin-right:5px;
        margin-top:-5px;
        margin-left:-10px;
    }
    .logo h6{
        font-size:8px;
        font-weight:700;
        margin-top: -5%;
        margin-left:25%;
        color:#170c4e;
    }
    .logo img{
        width:90%;
        margin-left:10%;
    }
    .mobile-contact-header{
        width:100%;
        position:absolute;
        top:-45%;
        left:60%;
    }
    .headContact strong {
        line-height: 15px;
    }
    .headContact strong a{
        font-weight:bold;
        color:#170c4e;
        font-size:8px;
        padding:10px 0px;
        z-index: 10000;
    }
    .headContact i{
        z-index: 10000;
    }

    .real-estate-home-text, .passage-to-asia-home-text, .technology-home-text{
        padding: 0px 0px 0px 0px!important;
    }
    .re-title, .p2a-title, .tech-title {
        font-size:5vmin;
        font-weight:700;
        text-align:left;
        color:#170c4e!important;
    }
    .real-estate-words, .p2a-words, .tech-words{
        color:white!important
    } 
    .home .twelve12-credit {
        display:block!important;
        position:absolute;
        z-index:1300;
        bottom:-40%;
        left:10%;
        font-size: 8px;
    }

    .main-menu{
     z-index:1000000000000000000000000;   
    }
    .about-team-contact, .restate, .p2a, .techno{
        display:flex;
        flex-direction:column;
        margin:10px 10px;
    }
        .about-team-contact span, .restate span, .p2a span, .techno span{
        display:flex;
        flex-direction:column;
        margin:10px 10px;
    }
    .about-team-contact a{
        font-size:20px;
        font-weight:700px;
 
}