/*============================================================
    For Small Desktop
==============================================================*/

@media (max-width: 1200px){
.navbar-brand h1>img {
        /*position: absolute;*/
        left:1px;
        height:auto; 
    }
   #src_asset label{  font-weight:normal; font-size: 17pt; } 
}

@media (max-width: 1024px) {
    #src_asset label, #src_asset select{ width: 100%; }
    #src_asset label.radio-inline{ display:inline-block; width:15%; margin-left:13px; }
}    

@media (min-width: 980px) and (max-width: 1150px) {
    /* parallax section */
    .parallax-section {
        background-position: center top !important;
    }
    /* home slider */
    /* about us */
    .feature-desc h3 {
        margin-top: 0;
    }
    /* our team */
    .team-mate {
        margin-bottom: 30px;
    }
    .mask ul {
        top: 85px;
    }
    .mask ul li {
        margin: 0 5px;
    }
    .team-mate>h4 {
        margin-bottom: 10px;
    }
    .team-mate img {
        margin: 0 auto;
    }
    .member-info ul li {
        margin-right: 10px;
    }
    /* testimonial */
    .client-info {
        width: 55%;
    }
    /* blog page */
    .tab-post-nav li a {
        padding: 15px 8px;
    }
    /* single blog page */
    .author-bio h5 {
        margin-left: 70px;
    }
    
}



/*============================================================
    Tablet (Portrait) Design for a width of 768px
==============================================================*/


/* @media only screen (min-width: 768px) and (max-width:904px) {
    .navbar-inverse .navbar-nav > li > a:link {
        padding: 0;
        font-size: 11px;
    }
} */

@media (min-width: 768px) and (max-width: 979px) {
    .loading-img {
        top: 20%;
    }
    /* parallax section */
    .parallax-section {
        background-position: center top !important;
    }
    /* home page slider */
    .Slide-Header a>div {
        height: 350px;
    }
    #nav-dots {
        display: block;
    }
    #nav-arrows {
        display: none;
    }
    /* navigation */
    .navbar-header {
        /*height: 90px;*/
    }
    .navbar-brand {
        text-align: center;
        /*background-color:yellow;*/
    }
    /* .navbar-brand h1>img {
        position: absolute;
        height:33px; 
    } */
    .navbar-brand b {
        top: 13px;
        /*font: bold 20px/20px Gotham;*/
    }
    .navbar-inverse .navbar-nav li a {
        padding: 20px 10px;
    }
    .navbar-inverse .navbar-nav>li>a.nav-th {
        /*font: normal 15px Helvetica-bold;*/
        letter-spacing: -.03em;
    }
    /* about us */
    .wrap-about {
        margin: 0 0 75px;
    }
    .about-content {
        margin: 0 auto;
        width: 60%;
    }
    /* fun facts */
    #counter {
        padding-bottom: 50px;
    }
    .counters-item {
        margin-bottom: 30px;
    }
    /* our services */
    .service-block {
        margin: 0 auto 40px;
        width: 310px;
    }
    /* our team */
    .team-mate {
        margin: 0 auto 30px;
        width: 280px;
    }
    /* our skills */
    .skill-chart {
        margin: 0 auto 40px;
        width: 300px;
    }
    .skill-chart {
        margin: 0 auto 40px;
        width: 90%;
    }
    .skill-chart>h3 {
        margin: 15px 0;
    }
    /* pricing table */
    .pricing {
        margin: 0 auto 30px;
        width: 300px;
    }
    /* testimonial */
    .client-info {
        width: 75%;
    }
    /* latest posts */
    .note {
        margin-bottom: 30px;
    }
    /* blog page */
    .tab-post-nav li a {
        padding: 10px;
    }
    /* singla blog page */
    .author-social {
        margin-left: 0;
    }
}

@media (min-width:768px) and (max-width:873px) {
    .navbar-inverse .navbar-nav>li>a.nav-en {
        /*font: normal 20pt/20pt Angsana_new;*/
        letter-spacing: -.03em;
    }
}

@media (min-width:874px) and (max-width:1084px) {
    .navbar-inverse .navbar-nav>li>a.nav-en {
        /*font: normal 20pt/20pt Angsana_new;*/
        letter-spacing: -.03em;
    }
}



/*============================================================
    Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (min-width: 768px) {
/*#footer .row:nth-child(1) >div{ text-align:center; } */
#src_asset  label.iword{ width: 25%; font-size:17pt; font-weight: normal;}


}


@media only screen and (max-width:991px) {
	
#Care .og-grid>li{
    height:auto;
    width: 45.9%;
}

#Technic .og-grid>li{
    height: auto;
    width: 45.9%;
    margin-bottom: 10px;
}

#Technic .og-grid .mix a img, #Care .og-grid .mix a img {
    height: auto;
}

#Technic .og-grid .mix a .hover-mask, #Care .og-grid .mix a .hover-mask {
    top:auto;
}
	
	
}

@media only screen and (max-width: 767px) {

    .loading-img {
        top: 15%;
    }
    /* parallax section */
    .parallax-section {
        background-position: center top !important;
    }
    /* h1 font size home slider */
    h1 {
        font-size: 30pt;
    }
    .carousel-caption img {
        width: 70%;
    }
    .Slide-Header a>div {
        height: 300px;
    }

    #inspiration .row h3 {
        margin-top: 10px;
        padding-top: 10px;
    }
    
    #nav-dots {
        display: block;
    }
    #nav-arrows {
        display: none;
    }
    /* navigation */
    .navbar-header img {
        margin: 0;
    }

    .navbar-fixed-top {
        padding-bottom: 10px;
        border: solid 1px red;
    }





    .navbar-collapse.in {
        overflow-y: inherit;
    }
    .navbar-brand {
        padding: 10px 0 10px 10px;
        width: auto;
    }
    #navigation .logo > img {
        margin-top:0px;
        height: 50px;
    }
    .navbar-brand b {
        font-size: 20px;
    }

    .navbar-nav {
        margin: 0 -15px;
    }
    #lang {
        text-align: center;
        /*letter-spacing: 2em;*/
    }
    #lang .dropdown-menu{
        width:250px;

        margin: auto;
         left:0;  right:0;
    }

/* #nav a{
        font:bold 14pt/28pt Helvetica;
    }
    ul#nav {
        background: #f0f0f0;
    }
    #nav li:hover{
        background: #eee;
    } */

    .navbar-inverse .navbar-nav li a {
        line-height: 45px;
        padding: 0;
        text-align: center;
        border-bottom: 1px dashed #eee;
    }
    .navbar-inverse .navbar-nav>li>a.nav-th {
        /*font: normal 18pt/38pt Helvetica-bold;*/
    }
    .navbar-inverse .navbar-nav>li>a.nav-en {
        /*font: normal 24pt/30pt Angsana_new;*/
        padding: 10px;
    }
    .wrap-about {
        margin: 0 auto 80px;
        width: 85%;
    }
#aboutmain, #paymentmain {
    min-height: 400px;
}

#aboutmain .round ,#paymentmain .round {
    width: auto;
    height:auto;
    border:0;
    border-radius:0;
    padding: 0 0 0 0;
    text-align:center;
}
#aboutmain .round>img, ,#paymentmain .round>img{ margin-bottom:30px; }
#paymentmain .round table tr>td:first-child{width: 35%; text-align: right}

#aboutmain .round>p{
    /*font:normal 12pt/22pt Helvetica;*/
    padding:10px 0;
}
    #abouthilight{
        padding: 20px;
    }

    .feature-desc a {
        margin: 5px 5px 5px 0;
    }
    /* services */
    #services .title {
        /*padding-bottom: 60px;*/
    }
    .service-block {
        margin: 0 auto 30px;
        width: 280px;
        position: relative;
        left: -8px;
    }
    /* portfolio */
    .portfolio-filter ul li a {
        margin: 0 10px 10px 0;
        padding: 5px 10px;
    }
    .contact .contact-info {
        margin: 0 0 30px;
    }
    #map-canvas {
        height: 250px;
    }
    /* footer */
    #footer {
        text-align: center;
    }
    #footer .media {
        display: block;
        width: 150px;
        margin: 0 auto;
    }
 
#src_asset  label.iword{  font-size:17pt; font-weight: normal;}
#src_asset input[type=text]{ width:100%;  }
#realtyready .img-thumbnail{
        width: 70%;
        position: relative;
        left:0;
        margin-left:15%;
    }
#freeship .row div:nth-child(2){
    border: 0; 
}


}


@media  (max-width: 800px){
.navbar-header .table{
    font-size:12pt;
    /*font-weight: normal;*/
}
}

/*============================================================
    Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* homepage slider */
    #slitSlider .carousel-caption h2 {
        font-size: 30px;
    }
    .carousel-caption img {
        width: 50%;
    }
    /* navigation */
    .navbar-fixed-top {
        padding-bottom: 10px;
    }
    .navbar-brand {
        padding: 10px 0 10px 10px;
    }


    .navbar-collapse.in {
        overflow-y: inherit;
    }


    /* about us */
    .wrap-about {
        margin: 0 auto 75px;
        width: 70%;
    }
    #aboutmain{
    min-height: 400px;
}
    /* services */
    .service-block {
        margin: 0 auto 40px;
        width: 310px;
    }
    /* portfolio */
    .og-grid li {
        width: 245px;
    }
    /* contact */
    .contact-info {
        width: 100%;
    }
    .TeamList {
        padding: 0 20px 40px;
    }
}

@media only screen and (max-width:650px) {
    .og-expander-inner {
        padding-left: 0;
        padding-right: 20px;
    }
    .og-details {
        width: 100%;
    }
    .og-grid .og-details li {
        width: 100%;
    }


    .bn1-sale {
       width:100%;
    }
    .bn1-sale h1.gotham {
        font-size: 18pt;
        line-height: 30pt;
    }

    .bn1-sale a .en {
        font-size: 18pt;
        letter-spacing: -0.1pt;
    }
    /* #realtyready .img-thumbnail{
        width: 60%;
        position: relative;
        left:0;
        margin-left:20%;
    } */
}

@media only screen and (min-width: 681px) and (max-width: 991px){
    .bn1-sale div span{ 
        padding-left: 10%; 
        display:block;
    }
}

@media only screen and (min-width: 520px) and (max-width: 680px){
    .bn1-sale div span{ 
        padding-left: 5%; 
        display:block;
    }
}

@media only screen and (min-width: 100px) and (max-width: 480px) {

    #realtyready .img-thumbnail{
        width: 100%;
        position: relative;
        left:0;
        margin-left:0;
    }

    #navigation .logo > img {
        height: 50px;
    }
    .navbar-brand b {
        top: 8px;
        /*font: bold 14px/14px Gotham;*/
    }
    .Slide-Header a>div {
        height: 190px;
    }
    .services-consult {
        margin: 0 5%;
        padding: 70px 10px;
    }

    #paymentmain .round table tr>td:first-child{width: 20%; text-align: right}

    #Care .og-grid>li{
    width: 90%;
    margin-bottom: 70px;
    }

    #Technic .og-grid>li{

    width: 90%;
    margin-bottom: 50px;
    }

    #Technic .og-grid .mix a img, #Care .og-grid .mix a img {
    height: auto;
    }

    #Technic .og-grid .mix a .hover-mask, #Care .og-grid .mix a .hover-mask {
    top:auto;
    }



    .bn1-sale h1.gotham{
        font-size:18pt;
        line-height: 30pt;
    }

    .bn1-sale a .en{font-size:18pt; letter-spacing: -0.1pt; }
    }

@media only screen and (max-width:450px) {
    #freeship h1 {
        /*font: normal 33pt Helvetica;*/
    }
    #freeship p>span>span {
        /*font: normal 23pt Helvetica;*/
    }

    .bn1-sale h1.gotham {}
    .bn1-sale a span.th {
        font-size: 18pt;
        letter-spacing: -0.1pt;
    }
}