/* Mobile Portrait View */
@media screen and (max-width:627px) and (min-width:375px)
{
input.height {
    width: 26%;
}


}


@media screen and (max-width:360px) {
.tail {
    width: 99%;
    float: left;
}

.trail_box {
    width:33%;
    float:left;
    text-align: center;
}
.trail_box p{font-size:10px;}
.model {
    width:100%;
    float:left;
}
.glassing_details {width:100%;float:left;
}
.dimension1 {width:25%;float:left;
}
.dimension {
    width: 96%;
    float: left;
    margin-top: 3%;
}
.spcl_notes textarea{width: 50%;
float: left;}

.abt_us p{width:100%;float:left;text-align:justify;margin-top: 5%;}
.abt_img img {
    width: 100%;
    float: left;
    margin-top: 5%;
}

.performance_left{width:100%;float:left;}
.performance_left img{width:100%;float:left;}
.performance_right{width:100%;float:left;text-align:justify;margin-left:0%;margin-top:0%;}
.performance_right h2{margin-bottom:2%;}
.performance_right p{line-height:1.6;font-size:14px;}

.inner_grom{width:100%;float:left;}
.grom_left{width:100%;float:left;}
.grom_left img{width:100%;float:left;}
.grom_right{width:100%;float:left;text-align:justify;margin-left:0%;margin-top:0%;}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}
.performance_right p {
    line-height: 1.6;
    font-size: 12px;
    padding: 5px 0px 10px 0px;
}
.performance_right h2 {
    margin-bottom: 2%;
    font-size: 20px;
}

.customer_form input[type="text"]{width:60%;padding:9px 3px 9px 3px;border-left:2px dotted #ccc;;outline:none;border-top:2px dotted #ccc;border-bottom: 0px;border-right:0px;font-size:10px;}
.customer_form input[type="email"]{width:90%;padding:9px 3px 9px 3px;border-left:2px dotted #ccc;;outline:none;border-top:2px dotted #ccc;border-right: 2px dotted #ccc;border-bottom: 2px dotted #ccc;font-size: 10px;}
.customer_form input[type="tel"]{width:90%;padding:9px 3px 9px 3px;border-left:2px dotted #ccc;;outline:none;border-top:2px dotted #ccc;border-right:2px dotted #ccc;border-bottom: 0px;font-size: 10px;}
/*.customer_form input[type="date"]{width:30%;padding:9px 3px 9px 3px;outline:none;margin-left: -3px;border-left:2px dotted #ccc;;outline:none;border-top:2px dotted #ccc;border-right:2px dotted #ccc;border-bottom:0px;overflow:hidden;height:auto;}*/
#datepicker{width:30%;padding:9px 3px 9px 3px;outline:none;margin-left: -3px;border-left:2px dotted #ccc;;outline:none;border-top:2px dotted #ccc;border-right:2px dotted #ccc;border-bottom:0px;overflow:hidden;height:auto;font-size: 10px;}

input.height{width:30%;padding:9px 3px 9px 3px;outline:none;border-top: 0px solid #fff;border-right:0px;border-left: 2px dotted #ccc;border-bottom: 0px;font-size: 10px;}
input.weight{width:30%;padding:9px 3px 9px 3px;border-top: 0px solid #fff;outline:none;margin-left: -3px;border-left:0px solid #fff;border-bottom: 0px;font-size: 10px;}
input.Literage{width:31%;padding:9px 3px 9px 3px;outline:none;margin-left:0%;border-left:2px dotted #ccc;;outline:none;border-top:0px dotted #ccc;border-right:2px dotted #ccc;border-bottom: 0px;font-size: 10px;}
input.Experience{width:90%;font-size: 10px;}
.trail_box {text-align:center;width:50%;float:left;}
.tail h3{text-align:center;}
.fins_details {width:70%;float:left;margin-top:25%;}
.spcl_notes textarea {width:98%;float:left;font-size: 10px;}
 fins_details h3 {margin:2% 0px 10% 0%;font-size:20px;}
.spcl_notes textarea {
    width: 99%;
    float: left;font-size: 10px;
}
.fins_details h3 {
    margin: 2% 0px 10% 0%;
    font-size: 20px;
}.fins_details {
    width: 99%;
    text-align: center;
    margin-top: 25%;
}
.dimension {
    width: 99%;
    float: left;
    margin-top: 10%;
    text-align: center;
}
input.length {
    width:40px;
    height:30px;
    margin-left: 0%;font-size: 10px;
}
.dimension1 {
    width: 30%;
    float: left;font-size: 10px;
}
.notes_line {
    margin-top: 2%;
    width: 100%;
    float: left;font-size: 10px;
}
.ftr_menu {
    width: 46%;
    float: left;
}
.performance_left2{width:90%;float:left;margin-top:2%;margin:0 auto;text-align:justify;margin-bottom: 5%;}
.performance_left2 img{width:100%;float:left;}
.performance_right2{width:90%;float:left;text-align:justify;margin-left:2%;margin-top:2%;margin-bottom:1%;margin:0 auto;text-align:center;}
.performance_right2 IMG{width:100%;float:left;}
.performance_left2 h2 {
    font-size: 20px;
}
.performance_right{width:90%;float:left;text-align:justify;margin-left:2%;margin-top:0%;}
.performance_left{width:90%;float:left;margin-top:6%;}
.performance_left img{margin-left:0px;}
.performance_right2 img {
    margin-left: 0%;
    width: 100%;
}
.customer_form h3 {
    padding: 2% 0px 2% 0% !important;
    font-size: 15px !important;}
.tail h3 {font-size: 15px !important;}
 h3 {font-size: 15px !important;}
 .cmnt_line textarea{width:100%;float:left;}
 .performance_left2 h2 {
    margin-bottom: 2%;
    margin-left: 2%;
    font-size: 20px !important;
    margin-top: 5%;
}
}
@media screen and (max-width:320px) {
.tail {
    width: 99%;
    float: left;
}
.trail_box {
    width: 33%;
    float: left;
    text-align: center;
}
.model {
    width: 100%;
    float: left;
}
.glassing_details {
    width: 100%;
    float: left;
}
.dimension1 {
    width: 25%;
    float: left;
}
.dimension {
    width: 96%;
    float: left;
    margin-top: 3%;
}
.dimension1 {
    width:30%;
    float:left;
}

.spcl_notes textarea{width: 50%;
float: left;}
.abt_us p{float:left;}
.performance_left{width:90%;float:left;}
.performance_left img{width:100%;float:left;margin-top:5%;margin-bottom:3%;}

.performance_right{width:90%;float:left;text-align:justify;margin-left:2%;margin-top:0%;}

.performance_right h2{margin-bottom:2%;}

.performance_right p{line-height:1.6;font-size:14px;}

.inner_grom{width:100%;float:left;}

.grom_left{width:100%;float:left;}

.grom_left img{width:100%;float:left;}

.grom_right{width:100%;float:left;text-align:justify;margin-left:0%;margin-top:0%;}

.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}

.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}

.performance_right p {
    line-height: 1.6;
    font-size: 12px;
    padding: 5px 0px 10px 0px;
}
.performance_right h2 {
    margin-bottom: 2%;
    font-size: 20px;
}
.abt_us p{width:100%;float:left;text-align:justify;margin-top: 5%;}
.abt_img img {
    width: 100%;
    float: left;
    margin-top: 5%;
}
fins_details h3 {margin:2% 0px 10% 0%;font-size:20px;}
.spcl_notes textarea {
    width: 99%;
    float: left;
}
.fins_details h3 {
    margin: 2% 0px 10% 0%;
    font-size: 20px;
}
.fins_details {
    width: 99%;
    text-align: center;
    margin-top: 25%;
}
.dimension {
    width: 99%;
    float: left;
    margin-top: 10%;
    text-align: center;
}
.ftr_menu {
    width: 46%;
    float: left;
}
.cmnt_line textarea{width:100%;float:left;}
.customer_form h3 {
    padding: 2% 0px 2% 0% !important;
    font-size: 15px !important;}
.tail h3 {font-size: 15px !important;}
 h3 {font-size: 15px !important;}
 .cmnt_line textarea{width:100%;float:left;}
}

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

.tail {
    width: 99%;
    float: left;
}
.trail_box {
    width: 33%;
    float: left;
    text-align: center;
}
.model {
    width: 100%;
    float: left;
}
.glassing_details {
    width: 100%;
    float: left;
}
.dimension1 {
    width: 33%;
    float: left;
}
.dimension {
    width: 96%;
    float: left;
    margin-top: 3%;
}

input.Literage{margin-left: -1.8%;}

.spcl_notes textarea{width: 50%;
float: left;}



	.nav1 {
    float: left;
    width: 45%;
}
/*.head1
{
	display:none;
}*/
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    text-align: center;
    background: #3E3E3E;
}
.abt_us p{float:left;}
.contact_address{width:100%;float:left;margin-top:3%;margin-bottom: 3%;}
.contact_form{width:95%;float:left;margin-left:0%;margin-top:2%;}
.contact_form input[type="submit"]{width:40%;padding:5px 0px 5px 0px;margin-bottom:9px;margin-top:7px;margin-left:20%;border-radius:7px;border:1px solid #ccc;outline:none;}



*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px; top:35px;}
#slider .top-bar h1 { font-size:25px; padding-bottom:25px;}
#slider .top-bar a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;}
.arrow-down { display:none;}
.container { width:auto; padding:0 20px;}
.header { width:auto; padding:0 20px;}
.logo { float:none; text-align:center;width:100%;float:left;}
.header .header-inner .nav ul{ float:none !important;}
.sub-menu ul li{ margin-left:15px !important;}
#services-box { width:auto; display:block; margin-bottom:20px; padding:20px;}
.banner-bg { padding:49px 0;}
.contact-banner h3 { font-size:20px; padding-bottom:30px;}
.contact-banner a.contact-button{ width:auto; padding:10px 20px; margin-top:0; font-size:15px;}
.news-box { width:auto; display:block; margin-bottom:30px; float:none;}
.last{ float:none !important;}
.news { padding-bottom:5%;}
.news img { margin:0 0 20px 0; padding:0; float:none; min-width:100%; height: auto;}
.more { margin:30px auto 10px auto; display:block;}
.testimonial-box { width:auto; display:block; margin-bottom:30px; margin-right:0;}
.testimonial-box img { min-width:100%; height:100%;}
.testimonial-post { width:auto;}
#some-facts { margin:0;}
#some-facts li { display:block; margin:0 auto 30px;}
.skill { width:auto; float:none; margin-bottom:50px;}
.team-members { width:auto; float:none;}
.team-col { width:auto; display:block; float:none; margin-left:0;}
.team-col img { min-width:100%; height:100%;}
.signup-newsletter { padding:20px;}
.newsletter { width:auto; float:none; background:none; border-bottom:#1d1d1d solid 1px; padding-bottom:20px; margin-bottom:20px;}
.newsletter-form { width:auto; float:none; padding-right:0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"] { width:100%; float:none; margin:0 0 10px 0;}
.newsletter-form input[type="submit"] { width:100%;}
.sicons { width:auto;}
.footer, .copyright { width:auto; padding:0 20px;}
.footer-col-1, .footer-col-2 { width:auto; float:none; margin-right:0;}
.footer-col-3 { width:auto; float:none;}
.copyright-txt, .design-by { text-align:center; float:none;}
.top-bar{ top:3px !important;}
.top-bar h1{font-weight:900;  font-size:15px; padding:0 0 3px 0; text-align:center; text-transform:uppercase; line-height:19px}
.top-bar p{ color:#ffffff; font-weight:normal; font-size:16px; margin:0 0 7px 0; line-height:24px; text-align:center; display:none;}
.top-bar a, .contact-banner a{ font:700 15px 'Roboto', sans-serif; padding:10px 40px; margin-top:0; text-transform:uppercase; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; color:#ffffff;}
.nivo-directionNav a{ z-index:99 !important; top:40% !important;}

/* ------ Extra ------ */
.one_half{ width:100% !important;}
.message-thumb{ width:100%; height:inherit !important}
.photobooth .filter-gallery{ width:auto;}
.photobooth .gallery ul li{ width:100%;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a.active, .toggle a:hover{color:#ffffff;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.nav ul{background:#e6e6e6; color:#000; width:100%;}
.header .header-inner .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left;}
.header .header-inner .nav ul li a{padding:5px 10px !important; display:block; color:#3e3e3e;}
.nav ul li a:hover{color:#00a8ff;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:10px;}
.nav ul li ul li ul li a{padding-left:20px;}
.header .header-inner{ width:100%; padding:15px 0;}
.header .header-inner .logo{ float:none;}
#supersized, #supersized li img{ top:0 !important;}
#slider{ height:100%;}
a.arrow-down, #slider .top-bar p{ display:none;}
#prevslide, #nextslide{ top:0;}
.client_banner .client { display: block; text-align:center; margin: 0 auto 10px !important; width: 270px;}

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icons{ margin:0; padding:0; text-align:center;}
.icon{ width:58px; height:58px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.facebook{background-image:url(../images/social-icons/fb-icon.png);}
.twitt{background-image:url(../images/social-icons/twitt-icon.png);}
.gplus{background-image:url(../images/social-icons/gplus-icon.png);}
.linked{background-image:url(../images/social-icons/linkedin-icon.png);}
.pinterest{background-image:url(../images/social-icons/pinterest-icon.png);}
.youtube{background-image:url(../images/social-icons/y-tube-icon.png);}
.vimeo{background-image:url(../images/social-icons/vimeo-icon.png);}
.rss{background-image:url(../images/social-icons/rss-icon.png);}
.instagram{background-image:url(../images/social-icons/instagram-icon.png);}
.tumblr{background-image:url(../images/social-icons/tumblr-icon.png);}
.flickr{background-image:url(../images/social-icons/flickr-icon.png);}
.yahoo{background-image:url(../images/social-icons/yahoo-icon.png);}
.dribble{background-image:url(../images/social-icons/dribble-icon.png);}
.kick{background-image:url(../images/social-icons/kickstarter-icon.png);}
.stumble{background-image:url(../images/social-icons/stumbleupon-icon.png);}
.zerply{background-image:url(../images/social-icons/zerply-icon.png);}
.sound{background-image:url(../images/social-icons/soundcloud-icon.png);}
.path{background-image:url(../images/social-icons/path-icon.png);}
.klout{background-image:url(../images/social-icons/klout-icon.png);}
.behance{background-image:url(../images/social-icons/behance-icon.png);}
.envato{background-image:url(../images/social-icons/envato-icon.png);}
.codepen{background-image:url(../images/social-icons/codepen-icon.png);}
.vine{background-image:url(../images/social-icons/vine-icon.png);}
.technorati{background-image:url(../images/social-icons/technorati-icon.png);}
.github{background-image:url(../images/social-icons/github-icon.png);}
.foursquare{background-image:url(../images/social-icons/foursquare-icon.png);}
.five{background-image:url(../images/social-icons/fivehundred-icon.png);}
.speaker{background-image:url(../images/social-icons/speakerdeck-icon.png);}
.wordpress{background-image:url(../images/social-icons/wordpress-icon.png);}
.yelp{background-image:url(../images/social-icons/yelp-icon.png);}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}

.client_banner .client img{ height:auto; width: auto; text-align:center; display:block; margin:0 auto;}
.footer, .copyright{width:100%;float:left;}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}
.performance_right p {
    line-height: 1.6;
    font-size: 14px;
    padding: 0px 0px 5px 0px;
}
.performance_right h2 {
    margin-bottom: 2%;
    font-size: 20px;text-align:center;
}
.abt_us p{width:100%;float:left;text-align:justify;margin-top:0%;}
.abt_img img {
    width: 100%;
    float: left;
    margin-top: 5%;
}
fins_details h3 {margin:2% 0px 10% 0%;font-size:20px;}
.spcl_notes textarea {
    width: 99%;
    float: left;
}
.fins_details h3 {
    margin: 2% 0px 10% 0%;
    font-size: 20px;
}
.fins_details {
    width: 99%;
    text-align: center;
    margin-top: 25%;
}
.dimension {
    width: 99%;
    float: left;
    margin-top: 10%;
    text-align: center;
}
.contact_form textarea{margin-top:3%;margin-left:3%;border-radius:7px;border:1px solid #ccc;outline:none;width:98%;float:left;}
.boad1 {
    width: 100%;
    position: relative;
    text-align: center;
}
.boad1 .board2 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: all 0.5s ease 0s;
    background:#fff;
}
.model textarea{width:100%;float:left;}
.customer_form{text-align:center;}
.ftr_menu {
    width: 46%;
    float: left;
}
.form-control {
    display: block;
    width: 95%;
}

.performance_left2 {
    width: 100%;
    float: left;
    margin-top: 2%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 5%;
}
.performance_right2 {
    width: 100%;
    float: left;
    text-align: justify;

    margin-top: 2%;
    margin-bottom: 1%;
    margin: 0 auto;
    text-align: center;
}
.performance_right2 img {
    margin-left: 0%;
    width: 100%;
}
.performance_left {
    width: 100%;
    float: left;
}
.performance_left img {
    width: 100%;
    float: left;
    margin-top: 5%;
    margin-bottom: 3%;
}
.performance_right {
    width: 92%;
    float: left;
    text-align: justify;
    margin-left: 2%;
    margin-top: 0%;
}
.customer_form h3 {
    padding: 2% 0px 2% 0% !important;
    font-size: 15px !important;}
.tail h3 {font-size: 15px !important;}
 h3 {font-size: 15px !important;}
 .cmnt_line textarea{width:100%;float:left;}
 .footer .footer-inner .nav1 ul li a {
    padding: 7px 5px;
}
}
/* Mobile Landscape View */

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

*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px; top:60px;}
#slider .top-bar h1 { font-size:30px; padding-bottom:5px;}
#slider .top-bar a{ font-size:18px; padding:8px 20px; margin-top:20px;}
.arrow-down { display:none;}
.container { width:auto; padding:0 20px;}
.header { width:auto; padding:0 20px;}
.logo { float:none; text-align:center;}
#services-box { width:auto; display:block; margin-bottom:20px; padding:20px;}
.banner-bg { padding:49px 0;}
.header .header-inner .nav ul{ float:none !important;}
.sub-menu ul li{ margin-left:15px !important;}
.contact-banner h3 { font-size:20px; padding-bottom:30px;}
.contact-banner a.contact-button{ width:auto; padding:10px 20px; margin-top:0; font-size:18px;}
.news-box { width:46.5%; display:inline-block; margin-bottom:30px; float:left;}
.last{ float:none !important;}
.news { padding-bottom:5%;}
.news img { margin:0 0 20px 0; padding:0; float:none; min-width:100%; height: auto;}
.more { margin:30px auto 10px auto; display:block;}
.testimonial-box { width:auto; display:block; margin-bottom:30px; margin-right:0;}
.testimonial-post { width:64%;}
#some-facts { margin:0;}
#some-facts li { display:block; margin:0 auto 30px;}
.skill { width:auto; float:none; margin-bottom:50px;}
.team-members { width:auto; float:none;}
.team-col { width:auto; display:block; float:none; margin-left:0;}
.team-col img { min-width:100%; height:100%;}
.signup-newsletter { padding:20px;}
.newsletter { width:auto; float:none; background:none; border-bottom:#1d1d1d solid 1px; padding-bottom:20px; margin-bottom:20px;}
.newsletter-form { width:auto; float:none; padding-right:0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"] { width:100%; float:none; margin:0 0 10px 0;}
.newsletter-form input[type="submit"] { width:100%;}
.sicons { width:auto;}
.footer, .copyright { width:100%; padding:0 20px;}
.footer-col-1, .footer-col-2 { width:auto; float:none; margin-right:0;}
.footer-col-3 { width:auto; float:none;}
.copyright-txt, .design-by { text-align:center; float:none;}
.top-bar{ top:35px !important;}
.top-bar h1{font-weight:900;  font-size:20px; padding:0 0 10px 0; text-align:center; text-transform:uppercase; line-height:21px;}
.top-bar p{ color:#ffffff; font-weight:normal; font-size:16px; margin:0 0 7px 0; line-height:24px; text-align:center;}
.top-bar a, .contact-banner a{ font:700 15px 'Roboto', sans-serif; padding:10px 40px; margin-top:0; text-transform:uppercase; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; color:#ffffff;}
.nivo-directionNav a{ z-index:99 !important; top:40% !important;}

/* ------ Extra ------ */
.one_half{ width:100% !important;}
.message-thumb{ width:100%; height:inherit !important}
.photobooth .filter-gallery{ width:auto;}
.photobooth .gallery ul li{ width:100%;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a.active, .toggle a:hover{color:#ffffff;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.nav ul{background:#e6e6e6; color:#000; width:100%;}
.header .header-inner .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left;}
.header .header-inner .nav ul li a{padding:5px 10px !important; display:block; color:#3e3e3e !important ;}
.nav ul li a:hover{color:#00a8ff;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:10px;}
.nav ul li ul li ul li a{padding-left:20px;}
.header .header-inner{ width:100%; padding:15px 0;}
.header .header-inner .logo{ float:none;}
#supersized, #supersized li img{ top:0 !important;}
#slider{ height:100%;}
a.arrow-down, #slider .top-bar p{ display:none;}
#prevslide, #nextslide{ top:0;}
.client_banner .client{ margin: 0 10px 10px 0 !important; width: 31%;}

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icons{ margin:0; padding:0; text-align:center;}
.icon{ width:58px; height:58px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.facebook{background-image:url(../images/social-icons/fb-icon.png);}
.twitt{background-image:url(../images/social-icons/twitt-icon.png);}
.gplus{background-image:url(../images/social-icons/gplus-icon.png);}
.linked{background-image:url(../images/social-icons/linkedin-icon.png);}
.pinterest{background-image:url(../images/social-icons/pinterest-icon.png);}
.youtube{background-image:url(../images/social-icons/y-tube-icon.png);}
.vimeo{background-image:url(../images/social-icons/vimeo-icon.png);}
.rss{background-image:url(../images/social-icons/rss-icon.png);}
.instagram{background-image:url(../images/social-icons/instagram-icon.png);}
.tumblr{background-image:url(../images/social-icons/tumblr-icon.png);}
.flickr{background-image:url(../images/social-icons/flickr-icon.png);}
.yahoo{background-image:url(../images/social-icons/yahoo-icon.png);}
.dribble{background-image:url(../images/social-icons/dribble-icon.png);}
.kick{background-image:url(../images/social-icons/kickstarter-icon.png);}
.stumble{background-image:url(../images/social-icons/stumbleupon-icon.png);}
.zerply{background-image:url(../images/social-icons/zerply-icon.png);}
.sound{background-image:url(../images/social-icons/soundcloud-icon.png);}
.path{background-image:url(../images/social-icons/path-icon.png);}
.klout{background-image:url(../images/social-icons/klout-icon.png);}
.behance{background-image:url(../images/social-icons/behance-icon.png);}
.envato{background-image:url(../images/social-icons/envato-icon.png);}
.codepen{background-image:url(../images/social-icons/codepen-icon.png);}
.vine{background-image:url(../images/social-icons/vine-icon.png);}
.technorati{background-image:url(../images/social-icons/technorati-icon.png);}
.github{background-image:url(../images/social-icons/github-icon.png);}
.foursquare{background-image:url(../images/social-icons/foursquare-icon.png);}
.five{background-image:url(../images/social-icons/fivehundred-icon.png);}
.speaker{background-image:url(../images/social-icons/speakerdeck-icon.png);}
.wordpress{background-image:url(../images/social-icons/wordpress-icon.png);}
.yelp{background-image:url(../images/social-icons/yelp-icon.png);}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
body {
  margin:0;background:none;
}
.wrapper{width:100%;float:left;}
.ftr_menu{width:16%;float:right;}

.tail {
    width: 99%;
    float: left;
}
.trail_box {
    width: 40%;
    float: left;
    text-align: center;
}
.model {
    width: 100%;
    float: left;
}
.glassing_details {
    width: 100%;
    float: left;
}
.dimension1 {
    width: 25%;
    float: left;
}
.dimension {
    width: 96%;
    float: left;
    margin-top: 3%;
}
.spcl_notes textarea{width:40%;
float: left;}

.abt_us {
    width: 37%;
    float: left;
}
.abt_img img {
    width: 60%;
    float: left;
}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}
.customer_form h3 {
    padding: 2% 0px 2% 0% !important;
    font-size: 15px !important;}
.tail h3 {font-size: 15px !important;}
 h3 {font-size: 15px !important;}
 .cmnt_line textarea{width:100%;float:left;}
  .footer .footer-inner .nav1 ul li a {
    padding: 7px 5px;
}
.main-container {
    /* margin: 0; */
    /* padding: 0; */
    width: 100%;
    text-align: center;
    background: #000;

}
a.icon1 {
    float: left;
    background-image: url(./images/home_up_r7_c14_s1.jpg);
    background-repeat: no-repeat;
    width: 141px;
    height: 77px;
}
}

@media screen and (max-width:899px) and (min-width:320px) { 

section h1 { font-size:30px; line-height:45px;}
section h2 {
    font-size: 26px;
	line-height:30px;
}
body {
  margin:0;background:none;
}
.wrapper{width:100%;float:left;}
input.length {
   width: 80px;
    height: 40px;margin-left:0%;
}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}

}


/* Tablet View */

@media screen and (max-width:979px) and (min-width:720px) { 
.nav1 {
    margin-right:10%;
}
.abt_us {
    width: 37%;
    float: left;
}
.abt_img img {
    width: 60%;
    float: left;
}
*{box-sizing:border-box;}
#slider .top-bar { padding:0; top:45px;}
#slider .top-bar a{ margin-top:20px;}
a.arrow-down{ bottom:14px;}
.arrow-down { bottom:20px;}
.container { width:auto; padding:0 20px;}
.header { width:auto; padding:0 20px;}
#services-box { width:49.60%; display:inline-block; margin-bottom:20px; padding:20px;}
.banner-bg { padding:49px 0;}
.contact-banner h3 { font-size:20px; padding-bottom:30px;}
.contact-banner a{ width:auto;}
.news-box {display: inline-block;margin-bottom: 30px;width: 23%;}
.news-box img { width:100%;}
.news h2{ font-size:14px;}
.header .header-inner .nav ul{ float:none !important;}
.sub-menu ul li{ margin-left:15px !important;}
.more { margin:30px auto 10px auto; display:block;}
.testimonial-box { width:auto; display:block; margin-bottom:30px; margin-right:0;}
.testimonial-post { width:77%;  padding:26px 35px;}
#some-facts { margin:auto; width:650px;}
#some-facts li { width:148px; height:150px; display:inline-block; margin:0 6px;}
.skill { width:auto; float:none; margin-bottom:50px;}
.team-members { width:auto; float:none;}
.team-col { width:44.69%; float:left; margin:0 18px 40px;}
.team-col img { min-width:100%; height:100%;}
#signup-newsletter { padding:20px;}
.newsletter { width:auto; float:none; background:none; border-bottom:#1d1d1d solid 1px; padding-bottom:20px; margin-bottom:20px; text-align:center;}
.newsletter h2 { text-align:center;}
.newsletter-form { width:auto; float:none; padding-right:0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"] { width:38%; float:left;}
.newsletter-form input[type="submit"] { width:auto;}
.sicons { width:94%; margin:auto;}
.footer, .copyright { width:auto; padding:0 20px;}
.footer-col-1 { margin:0 30px 50px 0;}
.footer-col-1 h2 { font-size:17px;}
.footer-col-3 h2 { font-size:25px;}

/* ------ Extra ------ */

.one_half{ width:100%;}
.message-thumb{ width:100%; height:inherit !important}
.photobooth .filter-gallery{ width:auto;}
.photobooth .gallery ul li{ width:48%;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a.active, .toggle a:hover{color:#ffffff;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.nav ul{background:#e6e6e6; color:#000; width:100%;}
.header .header-inner .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left;}
.nav ul li a{padding:5px 10px !important; display:block; color:#3E3E3E !important;}
.nav ul li a:hover{color:#00a8ff;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:10px;}
.nav ul li ul li ul li a{padding-left:20px;}
.header .header-inner{ width:100%; padding:15px 0;}
.header .header-inner .logo{ float:none; text-align:center;}
#supersized, #supersized li img{ top:0 !important;}
#slider{ height:100%;}
#prevslide, #nextslide{ top:-150px;}
.client_banner .client {margin-right: 32px !important;width: 15%;}

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icons{ margin:0; padding:0; text-align:center;}
.icon{ width:58px; height:58px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.facebook{background-image:url(../images/social-icons/fb-icon.png);}
.twitt{background-image:url(../images/social-icons/twitt-icon.png);}
.gplus{background-image:url(../images/social-icons/gplus-icon.png);}
.linked{background-image:url(../images/social-icons/linkedin-icon.png);}
.pinterest{background-image:url(../images/social-icons/pinterest-icon.png);}
.youtube{background-image:url(../images/social-icons/y-tube-icon.png);}
.vimeo{background-image:url(../images/social-icons/vimeo-icon.png);}
.rss{background-image:url(../images/social-icons/rss-icon.png);}
.instagram{background-image:url(../images/social-icons/instagram-icon.png);}
.tumblr{background-image:url(../images/social-icons/tumblr-icon.png);}
.flickr{background-image:url(../images/social-icons/flickr-icon.png);}
.yahoo{background-image:url(../images/social-icons/yahoo-icon.png);}
.dribble{background-image:url(../images/social-icons/dribble-icon.png);}
.kick{background-image:url(../images/social-icons/kickstarter-icon.png);}
.stumble{background-image:url(../images/social-icons/stumbleupon-icon.png);}
.zerply{background-image:url(../images/social-icons/zerply-icon.png);}
.sound{background-image:url(../images/social-icons/soundcloud-icon.png);}
.path{background-image:url(../images/social-icons/path-icon.png);}
.klout{background-image:url(../images/social-icons/klout-icon.png);}
.behance{background-image:url(../images/social-icons/behance-icon.png);}
.envato{background-image:url(../images/social-icons/envato-icon.png);}
.codepen{background-image:url(../images/social-icons/codepen-icon.png);}
.vine{background-image:url(../images/social-icons/vine-icon.png);}
.technorati{background-image:url(../images/social-icons/technorati-icon.png);}
.github{background-image:url(../images/social-icons/github-icon.png);}
.foursquare{background-image:url(../images/social-icons/foursquare-icon.png);}
.five{background-image:url(../images/social-icons/fivehundred-icon.png);}
.speaker{background-image:url(../images/social-icons/speakerdeck-icon.png);}
.wordpress{background-image:url(../images/social-icons/wordpress-icon.png);}
.yelp{background-image:url(../images/social-icons/yelp-icon.png);}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:60%; margin:0; padding:0; float:left;}
#sidebar{ width:35%; margin:0; padding:0; float:right;}
.top-bar h1{ font-size:26px; line-height:33px;}
.top-bar{ top:43px;}

.footer .footer-inner .nav1 ul {
    float: right;
    margin: 0px 10% 0px 0px;
    padding: 0px;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}
 .contact_us body{
    margin: 0;
    background: url(images/body_back.jpg) repeat;
}

}

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

.header .header-inner, .container, .copyright, .footer{ width:auto; padding:0 20px; box-sizing:border-box;}
a.contact-button { width:auto;}
.client_banner .client{ display:inherit !important; float:left !important; margin:0 2.4% 10px 0 !important; width:17.7% !important;}
.client_banner .last{ margin-right:0 !important;}
.contact-button { margin-top:30px;}
.arrow-down { bottom:80px;}
.services-box { width:24.80%; display:inline-block; margin-bottom:20px; padding:20px;}
.services-box h2 { font-size:22px;}
.services-box .read-more { width:52%;}
.message-thumb { width:auto;}
.news-box { width:23%; display:inline-block; margin-bottom:30px;}
.news img { margin:0;}
.testimonial-box { width:48%; display:block; margin-bottom:30px;}
.testimonial-post { width:65%;}
#some-facts { width:82%; margin:auto;}
#some-facts li { display:inline-block; margin:0 13px;}
.skill { width:48%; float:left; margin-bottom:50px;}
.team-members { width:48%; float:right;}
.team-col { width:42%; float:left; margin:0 0 40px 35px;}
.team-col img { min-width:100%; height:100%;}
#signup-newsletter { padding:0;}
.newsletter { width:37%; float:left; background:url(../images/sepretor-arrow.png) no-repeat top right; border-bottom:none; padding:2% 0 2.3% 2%; margin-bottom:0; text-align:left;}
.newsletter h2 { text-align:left;}
.contact-banner h3 { font-size:28px; padding-bottom:30px;}
.newsletter-form { width:60%; float:right; padding-right:0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"] { width:35%; float:left;}
.newsletter-form input[type="submit"] { width:auto;}
.sicons { width:68%; margin:auto;}
.footer-col-1 { margin:0 45px 50px 0;}
.footer-col-1 h2 { font-size:20px;}
.footer-col-3 h2 { font-size:28px;}
.top-bar{ top:50px;}
#services-box { min-height:360px;}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}

}
@media screen and (max-width:991px) and (min-width:500px)
{
	img.image1 {
    height: 100%;
    width: 100%;
}
img.image2 {
    height: 100%;
    width: 100%;
}
img.image3 {
    height: 100%;
    width: 100%;
}
img.image4 {
    height: 100%;
    width: 100%;
}
home_up_4
{
height: 100%;
width: 100%;	
}
img.home_up_4 {
    height: 100%;
    width: 100%;
      }
	  .contact_address {
    width: 50%;
    float: left;
    margin-top: 3%;
}
}
@media screen and (max-width: 1200px) and (min-width:680px)
{
.home_up_4 {
    height: auto;
}

a.icon1{
    float:right !important;
    
    background-repeat: no-repeat;
    width: 141px;
    height: 77px;
}
a.icon1:hover {
    float: right;
   
    background-repeat: no-repeat;
    width: 141px;
    height: 77px;
}
.order {width:100%;float:left;text-align:center;color:#FFF;margin-top:4%;}
.order a{color:#FFF;text-decoration:none;border:1px solid #FFF;font-size:16px;margin-top:2%;padding:1%;}
}
@media screen and (max-width: 1280px) and (min-width:680px)
{
.footer .footer-inner .nav1 ul {
    float:left;
}
}



@media screen and (max-width:1320px) and (min-width:1311px)
{
/*	img.home_up_4 {
    height: 690px;
    width: 760px;
      }*/
	  .footer .footer-inner .nav ul{
		  margin-right:22%}
}

@media screen and (max-width:1330px) and (min-width:1321px)
{
/*	img.home_up_4 {
    height: 695px;
    width: 760px;
      }*/
	  .footer .footer-inner .nav ul{
		  margin-right:26%}
}
@media screen and (max-width:1340px) and (min-width:1331px)
{
/*	img.home_up_4 {
    height: 679px;
    width: 760px;
      }*/
	  .footer .footer-inner .nav ul{
		  margin-right:25%}
}
@media screen and (max-width:1360px) and (min-width:1341px)
{
/*	img.home_up_4 {
    height: 694px;
    width: 760px;
	
      }*/
	  .footer .footer-inner .nav ul{
		  margin-right:22%}
}
@media screen and (max-width:1370px) and (min-width:1361px)
{
	img.home_up_4 {
   
    width: 100%;
	
      }
	  .footer .footer-inner .nav1 ul
	  {
		  margin: 0px 22% 0px 0px;
	  }
}



@media screen and (max-width: 2560px) and (min-width:1440px)
{

.portfolio{width:100%;float:left;}
.portfolio img{width:100%;float:left;} 
.image1 {
    width: 100%;
}
.image2 {
    width: 100%;
}
.image3 {
    width: 100%;
}
/*.head1{height:281px; padding:49% 0% 0% 0%;}*/
/*.head1:hover{height:281px;}*/
.image5 {width:1600px;float:left;}
/*.home_up_4 {
    height: 919px;
}*/
}

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

.image5 {width:1920px;float:left;}

}
@media screen and (max-width: 1200px)
{
  img.image4{height:424px;}
  .spcl_notes textarea{
    width: 100%;
    float: left;
}
.cmnt_line textarea{width:100%;float:left;}
  
}
@media screen and (max-width: 1300px)
{
  img.image4{height:424px;}
}

@media (min-width: 1440px) and (max-width: 1450px){

/*.head1{ height:auto !important; padding:49.3% 0%;}*/


}

/**************** asdf  *****************/

@media (min-width:320px) and (max-width:360px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:3%;text-align:left;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
    .fins_details textarea{ width:100%;}
		.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;}
	.boad1 img{width:100%;float:left;text-align:center;}
			.performance_left2 p {
    font-size: 14px;
    line-height: 1.6;
    width: 92%;
    text-align: justify;
    margin-left: 2%;
    margin: 0px auto;
	}
	.abt_us p {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 0%;
}
.form-horizontal .form-group{margin-left: 0px;}

	}
	
@media (min-width:375px) and (max-width:380px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:3%;text-align:left;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;}
	.boad1 img{width:100%;float:left;text-align:center;}
	.performance_left2 p {
    font-size: 14px;
    line-height: 1.6;
    width: 92%;
    text-align: justify;
    margin-left: 2%;
    margin: 0px auto;
	}
	.services.pulse img{width:100%;}
	.abt_us p {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 0%;
}.form-horizontal .form-group{margin-left: 0px;}
	}
	@media (min-width:380px) and (max-width:384px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:3%;text-align:left;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
    input.Literage {
    margin-left: -5px;
}	.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;}
	.boad1 img{width:100%;float:left;text-align:center;}
		.performance_left2 p {
    font-size: 14px;
    line-height: 1.6;
    width: 92%;
    text-align: justify;
    margin-left: 2%;
    margin: 0px auto;
	}
	.abt_us p {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 0%;
}.form-horizontal .form-group{margin-left: 0px;}
	}	
	
	@media (min-width:412px) and (max-width:414px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width:32%;text-align:left;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
		.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;}
	.boad1 img{width:100%;float:left;text-align:center;}
	.services.pulse img{width:100%;}
	.abt_us p {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 0%;
}.form-horizontal .form-group{margin-left: 0px;}
	}
	
	@media (min-width:414px) and (max-width:420px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;text-align:left;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	.tail_btn td, th {
    padding: 5px 77px 5px 0px;
}	.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;}
	.boad1 img{width:100%;float:left;text-align:center;}
		.performance_left2 p {
    font-size: 14px;
    line-height: 1.6;
    width: 92%;
    text-align: justify;
    margin-left: 2%;
    margin: 0px auto;
	}
	.services.pulse img{width:100%;}.abt_us p {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 0%;
}.form-horizontal .form-group{margin-left: 0px;}
}
	
@media (min-width:480px) and (max-width:490px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width:28%;float:left;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	.tail_btn td, th {
    padding: 5px 77px 5px 0px;
}
.tail {
    width: 100%;
    float: left;
    margin-left: 0%;
}
.model{width:100%;}	
.glassing_details {
    width: 100%;
    float: left;
    margin-top: 3%;
    margin-left: 0%;
}
.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
.fins_details textarea{width:100%;}	
.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	input.Literage{width:37%;}
		.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;
	}
	.boad1 img{width:100%;float:left;text-align:center;}
		.performance_left2 p {
    font-size: 14px;
    line-height: 1.6;
    width: 92%;
    text-align: justify;
    margin-left: 2%;
    margin: 0px auto;
	}
	
	.abt_us p {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 0%;
}.form-horizontal .form-group{margin-left: 0px;}
h4.fins_heading {
    padding: 0% 0% 0% 0%; 0
    font-size: 20px;
    font-weight: 600;
    float: left;    margin-top: 5%
}
	}
	
	
@media (min-width:530px) and (max-width:540px){	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width:32%;text-align:left;}
		.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	
	input.Literage{width:37%;margin-left:6px;}	.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;
	}	.form-horizontal .form-group{margin-left: 0px;}
	}
	
@media (min-width:560px) and (max-width:570px){	

.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:0%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width:32%;margin-top:3%}
		.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;margin-top: 2%;}
	.cmnt_line {
    margin: 2% 0 0% 0;
}
	input.Literage{width:37%;margin-left:6px;}.form-horizontal .form-group{margin-left: 0px;}
	h4.fins_heading { padding:0% 0% 0% 0%;font-size:20px;font-weight:600;float:left;margin-top:3%;}
}		
@media (min-width:598px) and (max-width:600px){
 input.Literage{width: 37%;}}

@media (min-width:600px) and (max-width:610px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width:32%;text-align:left}
		.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	
	input.Literage{width:37%;margin-left:6px;}
	
	}
	
	@media (min-width:667px) and (max-width:670px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
		.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	
	
	
	}

@media (min-width:736px) and (max-width:740px){
	
	.customer_form {width: 90%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
	.tail{ width:100%;}
	.model{ width:100%;}
	.dimension{ width:100%;}
	#datepicker{ width:50%;}
	.customer_form input[type="tel"]{ width:100%;}
	input.height{width:33.33%;}
	.customer_form input[type="email"]{ width:100%;}
	input.Literage{ width:40%;}
	select.Experience{ width:100%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	
	.tail_btn td, th {
    padding: 5px 77px 5px 0px;
}
	
	
}
@media (min-width:640px) and (max-width:650px){	

.customer_form {width: 90%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
	.tail{ width:100%;}
	.model{ width:100%;}
	.dimension{ width:100%;}
	#datepicker{ width:50%;}
	.customer_form input[type="tel"]{ width:100%;}
	input.height{width:33.1%;}
	.customer_form input[type="email"]{ width:100%;}
	input.Literage{ width:40%;}
	select.Experience{ width:100%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}


}
	
	
	
	
	
	
	
	
	
	
	
	
	
@media (min-width:667px) and (max-width:669px){input.Literage{margin-left:2px;}}	
	
@media (min-width:667px) and (max-width:670px){
	
	.customer_form {width: 100%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:3%;}
	h4.fins_heading { padding:0% 0% 0% 0%;font-size:20px;font-weight:600;float:left;margin-top:3%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
		.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	
	
	
	}

@media (min-width:736px) and (max-width:740px){
	
	.customer_form {width: 90%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:0%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
	.tail{ width:100%;}
	.model{ width:100%;}
	.dimension{ width:100%;}
	#datepicker{ width:50%;}
	.customer_form input[type="tel"]{ width:100%;}
	input.height{width:33.33%;}
	.customer_form input[type="email"]{ width:100%;}
	input.Literage{ width:40%;margin-left:5px;}
	select.Experience{ width:100%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	

	
	
}
@media (min-width:768px) and (max-width:780px){	.customer_form {width: 90%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
	.tail{ width:100%;}
	.model{ width:100%;}
	.dimension{ width:100%;}
	#datepicker{ width:50%;}
	.customer_form input[type="tel"]{ width:100%;}
	input.height{width:33.33%;}
	.customer_form input[type="email"]{ width:100%;}
	input.Literage{ width:40%;margin-left:5.5px;}
	select.Experience{ width:100%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}
	.cmnt_line {
    margin: 2% 0 2% 0;
}
}

@media (min-width:800px) and (max-width:820px){	

.customer_form {width: 90%; margin: 0px auto;}
	.glassing_details {width:100%; float: left; margin-top:5%; margin-left: 0%;}
	.fins_details{ margin-top:5%; width:100%;}
	.fins_details p { text-align: center; margin: 2% 0 5% 0%;}
	.dime_left{ text-align:center; float:none;}
	.dimension_btm{ width:100%; margin:0px auto;}
	.dime_left{ width:50%; float:left; margin:5% auto;}
	.dime_right{ width:50%; float:left;  margin:5% auto;}
	.dimension1{ margin-top:5%;}
	.fins_details h3{ margin: 5% 0 2% 0%;}
	.dimension1{width: 32%;}
	.tail{ width:100%;}
	.model{ width:100%;}
	.dimension{ width:100%;}
	#datepicker{ width:50%;}
	.customer_form input[type="tel"]{ width:100%;}
	input.height{width:33.33%;}
	.customer_form input[type="email"]{ width:100%;}
	input.Literage{ width:40%;margin-left:6px;}
	select.Experience{ width:100%;}
	.fins_details textarea{ width:100%;}
	.model textarea{ width:100%;}

}

@media (min-width:1020px) and (max-width:1030px){	

input.Literage{margin-left:2px;}

}
/*contact hgj*/
@media (min-width:480px) and (max-width:490px){

.contact_form {
    width: 80%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}
.contact_address {
    width: 95%;
    float: left;
    margin-top: 3%;
}.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}

@media (min-width:533px) and (max-width:580px){
.contact_form {
    width: 80%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}


@media (min-width:568px) and (max-width:580px){
.contact_form {
    width: 80%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}


@media (min-width:600px) and (max-width:640px){
.contact_form {
    width: 85%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}
contact_address {
    width: 50%;
    float: left;
    margin-top:3%;
    margin-left:5%;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}

@media (min-width:640px) and (max-width:650px){
.contact_form {
    width: 80%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}

@media (min-width:667px) and (max-width:670px){
.contact_form {
    width: 45%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}
@media (min-width:736px) and (max-width:768px){
.contact_form {
    width: 85%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}
contact_address {
    width: 50%;
    float: left;
    margin-top:3%;
    margin-left:5%;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}

@media (min-width:800px) and (max-width:900px){
.contact_form {
    width: 85%;
    float: left;
    margin-left: 5%;
    margin-top: 2%;
}
contact_address {
    width: 50%;
    float: left;
    margin-top:3%;
    margin-left:5%;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{float:left !important;}
}