@media screen and (min-width:320px) and (max-width:736px){
	body{
		 font-size: 15px;
	}
	
    h1{
        font-size: 14px;
        margin: 0 0 12px 0;
    }

    h2{
font-size: 1.5em;
    margin: 0 0 15px 0;
    line-height: 1.5;
    }

        h2 span {
                font-size: 0.9em;
        }

        /*h1::after{
            margin: 10px auto;
        }*/



/*.affix{
    position:relative !important;
}*/

    .topnav {
        margin: 4px 0 15px 0;
            float: none;
    }


.topnav ul li a{
    padding: 0 4px;
}


.ourservices{
padding: 25px 0;
margin-top:20px;
}

.large-btn{
    left: 22%;
    display:none;
}

.bluebox{
        padding: 40px;
}

.bluebox h2{
    line-height: 34px;
    padding-bottom:10px;
}

.subscribe{
    padding:20px;
}

.subscribeinp{
    width: 33%;
    min-width: 62%;
}
.submit{
    /*margin: 6px auto;
    display: inherit;*/
    padding: 8px 9px;
    font-size:0.9em;
    
}

.navbar-nav{
    float:left !important;
    width: 100%;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        border-color: #e2e2e2 !important;
}

.navbar-inverse .navbar-toggle{
    border-color:#fff;
}


.navbar-inverse .navbar-toggle .icon-bar{
background-color: #ff7400 !important;
}



.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color:#fff !important;
}


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


.navbar-collapse{
    padding:0px !important;
}


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


.navbar-inverse .navbar-nav > li > a{
        border-bottom: #e2e1e0 solid 1px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
    background:none !important;
    color: #6b6666 !important;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 10px 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
}


.servicestext{
    /*text-align:center;*/
}

.servicesbox{
    text-align:center;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0 15px;
}

.servicestext ul li{
    text-align: left;
}

.dropdown-menu{
    background: none !important;
}

.nav > li > a:focus, .nav > li > a:hover{
    background:none !important;
     color: #6b6666 !important;
}

.socialm{
margin: 0 auto;
width:auto;
}

.ft-bottom{
    text-align:center;
        
}

.ftbnottomline{
    margin-top: 25px;
    text-align:center;

}

.abouttext{
    text-align:left;
    margin-top:30px;
}

.abouttext h1::after{
    margin: 10px 0 !important;

}


.aboutbox{
      margin: 30px 0 40px 0;
}

.keyfeature{
    margin-top:20px;
    margin-left: 0px;
}
.features div{
    margin-left:0px;
}

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


/*Transparency*/
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    font-size:1em;
    text-align: left;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.panel-warning {
    /*border-color: #1864b4;*/
    border-color:none !important
}

.panel-warning > .panel-heading{
    background:none !important;
    border-color:none !important
}

.panel-body{
    text-align:left;
}


 .substext{
     font-size:0.9em;
 }

 .headerstrip{
     background: #1864b4;
    padding: 10px;
    width: 100%;
    position: static;
    top: 0px;
    right: 0px;
    height: 100%;
 }


 .headerstrip h1{
     font-family: 'Raleway', sans-serif;
    font-size: 1.23em;
    font-weight: bold;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    letter-spacing: 1px;
      margin:0px !important
 }

    .headerstrip h1::after{
        height:0px !important;
    }


    .headerstrip h1 span{
       font-size: 0.85em;

    }


 .headerstrip p{
         font-size: 1em;
         padding:7px 0 0 0;
 }

 .btn-primary{
         margin: 10px 6px 1px 0;
             font-size: 1em !important;
             padding: 6px 8px;
 }

 .headerslider .btn-primary{
     font-size: 0.85em !important;

 }


 .panel-heading{
     padding:5px 0 !important;
 }

 .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a{
     color:#6b6666 !important;
     font-size:0.95em;
 }




 .panel-title > a.collapsed:before{
         color: #ff4d00;
 }

 .panel-title > a:before{
      color: #ff4d00;

 }


 .ft-bottom a{
     padding:0 6px;
 }

 .productmain .servicestext p {
    font-size: 15px;
}
 .logo{
     margin:0px;
 }
 .logo img{
max-width: 140px !important;
 }

 .aboutus{
     margin-top:35px;
 }


 /*Inner pages*/
 .headtext{
     font-size: 1.2em;
 }

    .aboutheader .headtext h1 {
        margin-top: 40px;
    }

    .aboutheader{
        min-height: 280px;
            background: url(../images/about-us.jpg) no-repeat 52% 100%;
    }




.employees, .customer, .design, .order{
    
     margin-top: 10px; 
    margin-bottom: 5px;
}

.teamname1{
    margin:5px 0 10px 0;
}



/*Contact header*/

.contactheader{
    min-height: 280px;
    background: url(../images/contact-us.jpg) no-repeat 40% 100%;
}
.contactus{
 margin: 20px 0 30px 0;
}

.mobcenter{
    /*text-align:center;*/
}


.panel-title img {
    margin-right: 10px;
    max-width: 25px;
    float: left;
}


.panel-heading .panel-title{
font-size: 1.2em !important;
    margin: 0px !important;

}

.panel-default{
margin-bottom:0px !important;
}


.features .panel-body{
  margin-left: 36px;
}

.greybg{
    padding: 30px;
 min-height: 350px;
    max-height: 350px;
}


.greybg p{
    font-size: 1em;
}

.bluemobile{
     padding: 40px !important;
      min-height: auto;
}


.productmain{
        padding: 25px 0 0px;
}


.coordination{
    margin: 25px 0px 0 16px;
}








}






/*@media screen and (min-width:375px) and (max-width:667px){
 

}



@media screen and (min-width:414px) and (max-width:736px){


}*/





@media screen and (min-width:768px) and (max-width:1024px){
    body{
            font-size: 1.35em;
    }

    h2{
        font-size: 1.7em;
    }

 .headerstrip{
padding: 10px 20px;
width: 100%;
 }

 .headerstrip h1{
    font-size: 1.7em;

 }


 .headerstrip p{
    padding: 10px 0 0px 0;
        font-size: 1.1em;
 }
 .features li{
         font-size: 1.1em;
 }
 .subscribeinp{
     min-width: 235px;
     max-width:235px;
     height:39px;
 }
 .submit{
         padding: 8px 15px;
         font-size: 1.115em;
 }

 .substext{
     font-size:1em;
 }



 /*Contact page*/
.contactus{
 margin: 20px 0 30px 0;
 max-width:100%;
}

.large-btn{
    display:none;
}

.btn-primary{
    margin-bottom:10px;
}

.bluebox{
    padding:30px 0;
}

.greybg{
padding: 10px 10px 0 25px;
    min-height: 254px;
    max-height: 254px;
}

.greybg h2{
    font-size: 1.5em;
    margin: 10px 0 0px;
}

.greybg p {
    font-size: 1.1em;
}

.productmain{
    padding: 30px 0 10px 0;
}



}



img {
    max-width: 100%;

}