/*	Custom style for 3d wala site goes here	*/




/* Large screens ----------- */
@media only screen and (min-width : 1424px) {


    #site-logo {
        width: 70%;
    }
/*
    .nav li {
        padding-left: .5em;
        font-size: 1.5em;
    }
*/
}




/* Desktops and laptops ----------- */
@media only screen and (max-width : 1024px) {
    
    #site-logo {
        width: 70%;
        margin-left: 10%;
    }


    .nav{
        top: 4.5em;
    }
      .nav li {
          padding-left: 0.1em;
          font-size: 1.7em;
      }


}
@media only screen and (min-width: 1024px) and (max-width: 1200px){

    .nav{
        top: 4.2em;
    }
      .nav li {
          padding-left: 0;
          font-size: 1.5em;
      }

}

@media only screen and (min-width: 720px) and (max-width: 1024px){


    #site-logo {
        /*width: 70%;*/
    }
/*
    .nav {
        top: 6.7em;
    }*/

    .nav li {
        padding-left: 0.1em ;
        font-size: 1.4em;
    }


    .left-column {
        left: 50px;
    }
    .right-column {
        left: 0px;
    }
    .gaayab{
        display: none;
    }
    #section-three-message .row{
        margin-left: 2em;
    }
    .col-sm-8 {
        width: 85%;
    }

    a:hover div {
      padding-left: 34%;
    }
}




















/* Phone Landscape (480px) */
@media only screen and (min-width: 294px) and (max-width: 480px) 
 {

    #site-logo {
        width: 90%;
        margin-left: 5%;
         float: none; 
    }

    .nav {
        top: -4.5em;
    }
    #nav-container {
        background-color: #fff;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        width: 100%;
        /*border: 2px solid #ededed;*/
        border-radius: 10px;
      z-index: 100 !important;
    margin-top: 6em;
       
    }
    .fa-circle{ display: none; }
    .my-active a:after{ left: 12%; }
    .my-activeforservice #onlyservices:after{left: 12%; }
    #site-slider {
       /* margin-top: 200px;*/
    }

    .left-dash {
        height: 70px;
        right: -5px;
    }
    .right-dash {
        height: 70px;
    }
    .headname{
        margin-left: 1%;
       padding-bottom: 100px;
       position: relative;
    }
    .mydivh2{
        padding-left: 15px;padding-top: 1em;
    }
    .mydivh2 h1{
        font-size: 18px;
        position: absolute;
        margin-top: .3em;
        margin-left: 1em;
    }
    .mydivh2 h4{
        font-size: 14px;
        margin-top: 2em;
    }



.mydivh4{
    float: left;
    text-align: center;
}
.mydivh4 h1{
    font-size: 18px;
    position: absolute;
    margin-top: .3em;
    margin-left: 1em;
    padding-left: 2em;
}
.mydivh4 h4{
    padding-left: 2em;
    margin-top: 2em;
    font-size: 14px;
}

.mydivh5 h1{
    /*font-size: .7em;*/
    position: absolute;
    margin-top: .7em;
    margin-left: 0;
}



.left-column {
    text-align: left;
    left: 0px; 
}
.right-column {
    left: 0px; 
    z-index: 1;
    padding: 
}


.opp-dash {
    width: 2%;
    -ms-transform: skew(20deg,10deg);
    -webkit-transform: skew(20deg,10deg);
    transform: skew(24deg,0deg);
    border-left: 2px solid #9b9b9b;
    position: relative;
    right: -9px;
    float: left;
    margin-top: .5em;
}

.spacer2{
    margin-bottom: 2em;
}
.mydivh3{
    margin-left: 0;
    margin-top: -8em;
    float: left;
    text-align: center;
}
.hero1{
    /*margin-top: 10em;*/
    padding-bottom: 3.5em;
}
.hero1:before {
    margin-left: -30%;
}
.hero2{
    /*margin-top: 20em;*/
}
.hero2:before {
    margin-left: -30%;
}
.tech {
    margin-left: 20%;
}
div.hero1#aboutus{
    margin-top: 3em;
    padding-bottom: .5em;
}




    /*#rapid-prototyping-title {
        margin-top: 5em;
    }*/

    a:hover div {
      padding-left: 40%;
      padding-left: 45%;
    }


.client-holder{
    padding-left: 15%;
}

#about-us-text{
    padding-top: 5em;
}

#address-head{display: none;}

#sitemap ul{ padding-left: 0px; }
#footericon{ padding-left: 0px;padding-top: 1em; }
.section-three-text{ margin-top: 8em; }
.mydiv2, .mydivt1{ padding-left: 0px; }
#imgrobot{ left: 10%;bottom: 5%; }
#imgdownload{ left: 50%;bottom: 5%; }
.mydivh3 h1{ font-size: 18px; }
.mydivh3 h3{ font-size: 14px; }

#robot-content{right: 0px;bottom: 0px;top: 40px;left: 50px;}
.robotban{ padding-top: 2em; }
.bordered{ padding: 1em 4em; }
.navbar-right .dropdown-menu{ left: 0%; }

}

@media only screen and (min-width: 481px) and (max-width: 764px) {

.headname{ margin-left: 10%; }
#section-three-message-print{ margin-left: 15%; }
#section-three-message-print h1{ margin-top: 2em; }
.tech{ margin-left: 25%; }
#imgrobot{ left: 10%;bottom: 5%; }
#imgdownload{ left: 50%;bottom: 5%; }
.mydivh3 h1{ font-size: 18px; }
.mydivh3 h3{ font-size: 14px; }
#robot-content{ right: -60px;bottom: 0; }
#sitemap ul{ padding-left: 0; }
#about-us-text{ padding-top: 5em; }
}

@media only screen and (min-width: 765px) and (max-width: 991px) {

#imgrobot{ left: 25%; }
#about-us-text{ padding-top: 5em; }
}