html, body {	width: 100%;	height: 100%;}
body {font-family: 'Source Sans Pro', sans-serif;font-size: 14px;background-color:#797979;}
.set-img {max-height: 100%;max-width: 100%;vertical-align: middle;}

/*------------------------ General ---------------------------*/
.error {color: #FF0000;}
.p0{padding:0;}
.blue-color{color: #33406d;}
.white-color{color:#ffffff;}
.mb10{margin-bottom:10px;}
.bg-white{background-color:#fff;}
.main-title{  border-bottom: 4px solid; display: inline-block; font-size: 28px; font-weight: bold; margin-top: 0; text-transform: uppercase;text-align:left;}
.btn-fix {  background-color:#FF0000;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 0 15px;
    position: fixed;
    right:-57px;
    text-align: center;
    text-transform: uppercase;
    top: 42%;
    transform: rotate(-90deg);
    transition: all 0.5s ease-in-out 0s;
    z-index: 9999;}
	.btn-fix:hover {background-color:#FF0000;color: #FFFFFF;text-decoration: none;} 

/*------------------------ header ---------------------------*/

header{    background-color: #fff;    text-align: center;}
.logo {    display: inline-block;    margin: 10px; height:60px;}

/*------------------------ Contect ---------------------------*/

#contect{ background-color: #ff7e18; padding: 20px 0;clear:both;}
.set-input{margin-top: 15px;}
.i-input{  border: 1px solid #959595;border-radius: 10px;height: 45px;;padding: 10px;width: 90%;}
.set-state,.set-city{ border: 1px solid #959595;border-radius: 10px;height: 45px;padding: 5px;width: 90%;}
.set-state option,.set-city option{font-weight:bold;padding:5px;}
.set-btn{background-color: #33406d;border-radius: 10px;color: #fff;display: inline-block;font-size: 18px;padding: 10px 25px;
text-transform: uppercase;}
.set-btn:hover{ background-color: #000;color: #fff;text-decoration:none;}

/*------------------------ About ---------------------------*/

#product,#about{ padding: 50px 0;clear:both; background-color: #fff;}
#about p {  font-size: 18px;}
.img-wid{  border: 1px solid #ccc;
    float: right;
    font-size: 14px;
    height: 200px;
    margin: 0 0 55px 20px;
    text-align: center;
    width: 200px;
}
.designation{display: block; background-color: #ddd; border: 1px solid #ccc; line-height: 20px;padding:5px;}


/*------------------------ SERVICES ---------------------------*/

#services{ background-color: #33406D; padding: 50px 0;clear:both;}
.services-data{padding-left:5px;list-style:none;margin-top:20px;}
.services-data li{clear: both;  font-size: 20px; color: #fff; display: inline-block; margin: 0 13px 15px 0;vertical-align: top; width: 32%;text-align:left;}
.services-data li:before{content:"\f046"; float: left;font-family: "FontAwesome"; margin: 0 5px 5px 0; }

/*------------------------ Product ---------------------------*/

.set-pro-data{  margin: 20px 0;  text-align: center;}
.set-border{ border-right:1px solid #ccc;}
.p-title{ font-size:18px; font-weight: bold;    text-transform: uppercase;height: 65px;}

/*------------------------ Footer ---------------------------*/

#footer{padding:10px 0;background-color:#333;color:#fff;text-align:center;font-size:12px;}
.footer-link{color:#FFF;cursor:pointer;text-decoration:underline;}
.footer-link:hover{color:#FFF;text-decoration:none;}



/*------------------------ Mobile View ---------------------------*/

@media (min-width:320px) and (max-width : 479px) {
.services-data li,.set-state, .set-city,.i-input{width: 100%;}
.main-title{font-size: 25px;}
.img-wid{ float: none;
    height: 200px;
    margin: 0 0 55px 50px;
    text-align: center;
    width: 200px;
}

}

@media (min-width:360px) and (max-width : 479px) {
.services-data li,.set-state, .set-city,.i-input{width: 100%;}
}

@media (min-width:480px) and (max-width : 639px) {
.services-data li,.set-state, .set-city,.i-input{width: 100%;}
}

@media (min-width:640px) and (max-width : 760px) {
.set-state, .set-city,.i-input{width: 100%;}
.services-data li{width: 45%;}
}

@media (min-width:640px) and (max-width : 959px) {
.services-data li{width: 45%;}
}

@media (min-width:761px) and (max-width : 959px) {
}

@media (min-width:960px) and (max-width : 1024px) {
	.p-title{ font-size:16px;}
}

@media (min-width:1024px) and (max-width : 1279px) {
}

@media (min-width : 1280px) {
}