@charset "UTF-8";

/* SANCHIT SINGH CSS */



.jumbotron {
    background: url(../images/banner.jpg) no-repeat;
    min-height: 760px;
    overflow: hidden; padding-bottom:0 !important; background-size:cover;
}

.row{ margin:0; }

div#myDefaultNavbar1{ float:right; max-width:600px; width:100%; }

.callus{ max-width:250px; width:54%; float:left; display:block; margin:4% 2%; border-right:1px solid #dde4ea;}

.callus:last-child{ border:0 none; }

.callus img{ float:left; margin:2% 2% 0; }

.callus h2, .callus h2 a{ margin:0; font-size:20px; color:#303030; }

.rght{ float:left; margin:0 2%; }

.rght span{ font-size:13px; color:#96a2ac; }

a.navbar-brand{ height:auto; }

.navbar-default{ margin-bottom:0; }

.circle{ position:absolute; top:19%; }

section{ position:relative; }

.col-xs12.box{ position:relative; margin:7.6% 0 0; }

.col-xs12.box h1{ position:absolute; z-index:91; background:#e76e1f; color:#fff; padding:2% 4%; font-size: 20px; top:0; margin:9% 12%; font-weight:100; font-family:sans-serif; }

.col-xs12.box p{ position:absolute; background:#a12b28; color:#fff; z-index:9; text-align:left; padding:4% 2% 2%; font-size:13px; max-width:400px; top:0; margin:12%; font-weight:100; }

section.part2 {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.bxss{ margin:0 0 0; float:left; position:relative; z-index:1; width:50%; padding:0 50px 0 100px;}

.bxss2{ margin:0 0 0; position:relative; float:left;  width:50%; padding:0 100px 0 50px;}
.box_inner{position:relative; width:100%; float:left; }
.bxss a, .bxss2 a {
    background: #e76e1f;
    color: #fff;
    padding: 3px 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 100;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}
.bxss img, .bxss2 img{max-width:100%;}

footer ul{ max-width:140px; list-style:none; margin:0 auto; overflow:hidden; padding:0; }

footer ul li{ float:left; width:33%; }

footer p{ color:#787878; margin:5% 0 1%; text-align:center; font-size:11px; font-weight:100; }

footer.text-center{ padding:0 0 5%; }





/*----Responsive-Design----*/

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

body{}

.bxss img, .bxss2 img{ width:100%; }






}



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

body{}

div#myDefaultNavbar1{ max-width:460px; width:100%; padding:0; }

.callus{ max-width:200px; width:90%; margin:5% 2%; }

.callus h2, .callus h2 a{ font-size: 16px; }

.container{ padding:0; }

.callus img{ margin:2% 0% 0; }

.rght span{ font-size:12px; }

.circle{ width:44%; top:6%;}

.circle img{ width:100%; }

.col-xs12.box{ margin:3% 0 0; }

.col-xs12.box h1{ margin:8%; }

.col-xs12.box p{ margin:12% 8%; }

.bxss {
    margin: 0 0 0;
    float: left;
    position: relative;
    z-index: 1;
    width: 50%;
    padding: 0 25px 0 50px;
}
.bxss2 {
    margin: 0 0 0;
    position: relative;
    float: left;
    width: 50%;
    padding: 0 50px 0 25px;
}



}





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

.navbar-default .navbar-brand{ float:none; display:block; margin:0 auto; width:220px; }

.navbar-default .navbar-toggle{ margin:3% 5% 0 0; padding:12px 10px; }

div#myDefaultNavbar1{ max-width:100%; margin:0; }

.callus{ max-width:46%;}

.circle{ top:2%; }

.jumbotron{ min-height:400px; }

.navbar-header{ margin:0px! important; }

section.part2{float: none;

margin: 0 auto;

margin-top: 14%;}

.bxss {
    margin: 0 0 0;
    float: left;
    position: relative;
    z-index: 1;
    width: 50%;
    padding: 0 10px 0 10px;
}
.bxss2 {
    margin: 0 0 0;
    position: relative;
    float: left;
    width: 50%;
    padding: 0 10px 0 10px;
}

}





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

.rght{ margin:2% 0%; width:100%; text-align:center; }

.callus{ margin:2%; }

.callus img{ margin:2% auto; float:none; display:block; }

.col-xs12.box h1{ margin:5% 8%; }

.col-xs12.box p{font-size: 9px;}

.col-xs12.box h1{font-size: 15px;}





}