/*general settings*/
body,div,h1,h2,h3,h4,h5,h6,p,a,ul,li{margin:0;padding:0;font-family: 'Hind Vadodara', sans-serif;}
img{max-width:100%;}
h1,h3,h4,h2{color:  #0f3661;text-transform: capitalize;font-family: 'Hind Vadodara', sans-serif;font-weight: normal}
a{text-decoration:none;color:#000;font-family: 'Hind Vadodara', sans-serif;}
ul li{float: left;list-style: none}
.success2{background: #D8FFC0;padding: 5px 10px 5px 10px;margin: 10px 0px 5px 0px;border: none;font-weight: bold;color: #2E6800;border-left: 3px solid #2E6800;clear: both;}
.error {background: #FFE8E8;padding: 5px 10px 5px 10px;margin: 10px 0px 5px 0px;border: none;font-weight: bold;color: #FF0000;border-left: 3px solid #FF0000;clear: both;}

/*general settings2*/
.container{max-width: 1170px;margin: 0 auto;}
h2,h3{font-family: 'Magra', sans-serif;}
.wrap{float: left;width: 100%}
.inner_section{float: left;width: 100%}
.outer_section{float: left;width: 100%}
.clear{clear: both}
.left{float: left}
.right{float: right}
.btn{border-radius: 10px;background-color: #652ee1;font-size: 14ps;color: #fff;text-transform: uppercase;padding: 20px 28px;font-weight: bold}
.heading_general{position: relative}
.heading_general::after{position: absolute;bottom: -15px;width: 50px;height: 4px;background: #ff5e14;border-radius: 4px;content: '';left: 552px;}
/*mobile menu*/
.overlay{display: none}
.navbar{display: none;}
.block{position: relative}
.overlay_wrap{width: 100%;float: left;transition: opacity 0.35s ease 0s, visibility 0.35s ease 0s, width 0.35s ease 0s;}
.overlay_wrap h3 { color: #fff; font-size: 16px; text-transform: uppercase;text-align: left;text-align: center}


/*slider*/
#slider1 > li{float: left;width: 100%}
/*slider styles here*/
.rslides { position: relative; list-style: none; overflow: hidden;width: 100%; padding: 0; margin: 0;}
.rslides > li { -webkit-backface-visibility: hidden;position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides > li:first-child { position: relative; display: block; float: left; }
.rslides > img {display: block; height: auto;float: left;width: 100%;border: 0;}

/*for bullet points above the banner*/
.bullet2 { clear: both; display: block;  float: none; margin: 0 auto; position: relative;  width: 83px;}
.bullet { margin: 0; position: absolute; right: 0; top: -89px; z-index: 9;}
.bullet li{ float: left; list-style: none;	margin-left: 0px; position:relative; font-size:60px; }
.bullet li a{ color:#ff5e14; }
.bullet li.rslides_here a, .bullet li a:hover{ color:#fdc32d ; }

/*top header*/
.top_header{background: #0b0b0b;color: #fff;float: left;width: 100%;padding: 20px 0}
.top_header .left{font-family: 'Hind Vadodara', sans-serif; color: #fff;}
.top_header a{font-family: 'Hind Vadodara', sans-serif; }
.top_header .left ul li {margin: 0 10px 0;}
.top_header .left i{color: #ff5e14;padding: 0 10px 0 0}
.top_header .right ul li a:hover{color: #00b488;cursor: pointer}
.top_header .right ul li a{margin: 0 10px;color: #fff}

/*header*/
.header{float: left;width: 100%;padding:30px 0;background: #fff;color: #242424}
/*.header .left{width: 150px;}*/
.header .left{width: auto;}
.header .right ul li a{ color: #242424;text-transform: uppercase;}
.header .right.menu ul li a{margin: 0 27px 0 0;display: inline-block; font-size: 15px; position: relative; font-weight: bold;font-weight: normal}
.header .right.menu ul li a::after {content: ''; position: absolute; bottom: -41%; left: 50%; width: 0%; -webkit-transform: translateX(-50%);
    transform: translateX(-50%);height: 3px; background:  #ff5e14; -webkit-transition: .35s; transition: .35s;border-radius: 4px;}
.header .right.menu ul li a:hover::after, .right.menu ul li a:focus::after, .right.menu ul li a:active::after {width: 100%;}
.header .right.menu ul li i {color: #fff;font-size: 18px;margin: 0 12px}
.right.menu { margin: 5px 0 0 0;}

/*banner*/
.banner{float: left;width: 100%;margin:0 0;position: relative;1}
.banner1{float: left;width: 100%;background:url("../images/Press-tools-moulds-Jigs-&-fixtures.jpg")no-repeat 100% / cover;height:470px }
.banner2{float: left;width: 100%;background:url("../images/high-precsion-component-saanvi-technologies.jpg")no-repeat 100% / cover;}
.banner3{float: left;width: 100%;background:url("../images/in-house-inspection-saanvi-technologies.jpg")no-repeat 100% / cover;}

/*banner text*/
.banner_text {margin: 100px 0 0;width: 606px}
.banner_text .banner_caption_1{background: #FFBD1F;padding: 10px 0;text-transform: uppercase;color: ;border-left: 8px solid rgb(255, 255, 255);font-size: 24px;z-index: 5;white-space: nowrap;position: relative;padding: 10px  9px;float: left}
.banner_text .banner_caption_2{clear: both; font-family: 'Open Sans', sans-serif;font-weight: 700;color: #fff;text-transform: uppercase;font-size: 72px;transition: none 0s ease 0s;position: relative;line-height: 1.2;padding: 9px 0 0}
.color_change_caption{color:#FFBD1F }

/*about us home*/
.about_home{float: left;width: 100%;padding: 50px 0;position: relative;background: url(../images/saanvi-technologies-5.jpg) scroll 0 0 / cover;}
.about_home::before{position: absolute;content: '';background:#ff5e14;width:500px;z-index: 0;height: 100%;top: 0 ;}
.about_home h2{text-align: center;font-size: 40px;text-transform: capitalize;margin: 0 0 72px 0}
.about_home .left{width: 500px;border: 1px solid #eee;padding: 20px 20px;background: #fff;position: relative;border-radius: 4px;}
.about_home .left h3{font-size: 16px; padding: 20px 0}
.about_home .left p{line-height: 1.8;font-family: inherit;font-size: 16px;}
.about_home .left ul {margin: 20px 0 0}
.about_home .left ul li {width: 96px;height: 98px;border-radius: 50%;font-size: 16px;color: #fff;line-height: 100px;text-align: center;background:  #ff5e14; margin: 0 17px; text-transform: capitalize; font-weight: normal;}
.about_home .right{width:620px;position: relative;z-index: 2}
.about_home .right img { margin:44px 0 0 -23px; position: relative; z-index: -1;}

/*why choose us*/
.why_choose_us{float: left;width: 100%;padding: 50px 0 70px;background: url(../images/saanvi-technologies-4.jpg) scroll 0 0 / cover;color: #fff}
.why_choose_us .heading_general{font-size: 40px;color: #fff;text-transform: capitalize;text-align: center;margin: 0 0 100px 0}
.color_change_head{color: #ff5e14;}
.why_choose_us .left{width: 545px;margin: 0 20px}
.why_choose_us .right{width: 545px;margin: 0 20px}
.why_choose_us .left p{line-height: 1.8;}
.why_choose_us .right ul li{width: 214px;margin: 0 0 0px;border-right: 1px solid #616161;padding: 35px 28px ;border-bottom: 1px solid #616161}
.why_choose_us .right ul li img{float: left;margin:0 39px 0 0;}
.why_choose_us .right ul li h3{color: #FE5A0E;font-size: 40px;float: right}
.why_choose_us .right ul li span{color: #fff;float: right}
.border_none_bottom{border-bottom: none!important}
.border_none_right{border-right: none!important}
.col-md-6.col-sm-12.col-xs-12 {
    margin: 40px 0 0 0;
}
 .single-progress-bar .labeled-text {
       display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 140px;
    margin-right: 20px;
}
 .single-progress-bar .progress-scale {
       display: inline-block;
    width: 100%;
    max-width: 285px;
    background: #F1F1F1;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
 .single-progress-bar .progress-scale .inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 5px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    background: #FE5A0E;
    
}
 .single-progress-bar .percent {
     display: inline-block;
    color: #262626;
    font-size: 14px;
    background: #FFFFFF;
    line-height: 1em;
    text-align: center;
    border-radius: 3px;
    padding: 13px 9px 10px;
    margin-left: 20px;
    line-height: 0;
}
 .single-progress-bar + .single-progress-bar {
    margin-top: 20px;
}

/*machining_posrtfolio*/
.machining_posrtfolio{float: left;width: 100%;padding: 50px 0;text-align: center;background: url(../images/case-studies-background-structural-engineering.jpg) repeat}
.machining_posrtfolio p{margin: 0 0 50px 0;font-size: 18px}
.machining_posrtfolio .heading_general { text-align: center; font-size: 40px; text-transform: capitalize; margin: 0 0 49px 0;}
.machining_posrtfolio ul .machine_portfoloio_list{width: 292px;float: left;text-align: center;position: relative}
.machining_posrtfolio ul .machine_portfoloio_list a h3{width: 100%;background-color: #ff5e14;padding: 10px 0;color: #fff;font-weight: normal}
.machining_posrtfolio ul .machine_portfoloio_list  img{display: block}
.machining_posrtfolio ul li .on_hover img.anchor{max-width:100% !important;margin:33% auto 0;display:block;float:none;}
.machining_posrtfolio ul li .on_hover{position:absolute;top:0;left:0;display:none;width:100%;float:left;height:100%;background:rgba(2,5,9,0.5);}
.machining_posrtfolio ul li .on_hover .det{width:100%;float:left;position:absolute;bottom:0;}
.machining_posrtfolio ul li .on_hover .det ul li { float: none; text-align: center; background: #f0423c; color: #fff; text-align: center; padding: 3px 18px 7px; box-shadow: none; border: none; margin: -148px auto 0; display: table; border-radius: 4px;}
.machining_posrtfolio ul li:hover{cursor:pointer;}
.machining_posrtfolio ul li:hover .on_hover{display:block;}
.heading_general2.left { margin:22px 0; color: #ff5e14;text-transform: uppercase;font-weight: bold}

/*eveolution*/
/*our_school*/
.our_school{position: relative;width: 100%;float: left;background: url(../images/saanvi-technologies-4.jpg) scroll 0 0 / cover;padding: 43px 0 0 0 }
.our_school .heading_general {
    color: #fff;
    text-align: center;
    font-size: 40px;
    text-transform: capitalize;
    margin: 0 0 49px 0;
}
.our_school .heading_general::after {
     left: 121px;
}
.wrap_top{width: 300px;margin: 0 auto;text-align: center}
.left_line{width: 123px;float: left;background: #000;height: 1px}
.right_line{width: 123px;float: right;background: #000;height: 1px}
.tagline{font-size: 17px!important;color: #000!important;margin: 7px 0 10px;text-transform: uppercase!important;font-weight: normal;    font-family: 'vollkornregular';}
.school_col_wrap{width: 100%;float: left;margin: 70px 0}
.school_col { float: left; margin: 0 -2%; text-align: center;  width:105px;}
/*.school_col:last-child{margin: 0}*/
.school_col h3{font-size: 15px;color: #fff;margin-top: 14px;font-weight: normal}
.img_arrow { float: left; margin: 0 0; width: 14%;}
/*offerings*/
.offerings{float: left;width: 100%;padding: 50px 0;background: url(../images/case-studies-background-structural-engineering.jpg) repeat}
.offerings ul li {
    /*width: 269px;*/
    float: left;
    text-align: center;
    position: relative;
    /*margin: 0 12px*/
}

/*cedebrity logo slider */
/*#flexiselDemo2 {display:none;}*/
/*.nbs-flexisel-container {  position:relative;  max-width:100%;  *overflow:hidden;}*/
/*.nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }*/
/*.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }*/
/*.nbs-flexisel-item { float:left;    margin:0px; padding:0px; cursor:pointer; position:relative; }*/
/*.nbs-flexisel-item img {  cursor: pointer; position: relative;   }*/
/*.offerings .heading_general {*/
/*    color: #000;*/
/*    text-align: center;*/
/*    font-size: 40px;*/
/*    text-transform: capitalize;*/
/*    margin: 0 0 49px 0;*/
/*}*/

#flexiselDemo2 {display:none;}
.nbs-flexisel-container {  position:relative;  max-width:100%;  *overflow:hidden;}
.nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }
.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }
.nbs-flexisel-item { float:left;    margin:0px; padding:0px; cursor:pointer; position:relative; }
.nbs-flexisel-item img {  cursor: pointer; position: relative; max-width: 85%  }
.offerings .heading_general {
    color: #000;
    text-align: center;
    font-size: 40px;
    text-transform: capitalize;
    margin: 0 0 49px 0;
}
.offerings{float: left;width: 100%;padding: 61px 0 40px;background: #c3cbcd;}
.offerings ul li{float: left;}
.client_wrap {  float: left;  position: relative;  width: 100%;}
/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 20px; height: 138px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}

.nbs-flexisel-nav-left { left:-35px; background:url(../images/service-left-arrow.png) no-repeat 0px 0px; top:0;   margin: 45px 0 0;}
.nbs-flexisel-nav-right {   right: -35px;  background:url(../images/service-right-arrow.png) no-repeat 0px 0px; margin: 45px 0 0;  }

/*call_to_action*/
.call_to_action{float: left;width: 100%;color: #fff;padding: 50px 0;background: url(../images/saanvi-technologies-4.jpg) scroll 0 0 / cover;}
.call_to_action .left{font-size: 40px;color: #fff;text-transform:lowercase}
.call_to_action .right{color: #000;background: #fff;display: inline-block;padding: 10px 18px;border-radius: 4px;}
/*contact_us*/

.contact_us{padding: 30px 1%;float: left;width: 98%;}

.contact_form1{float: left;margin-left: 25px;}
.contact_form3{margin-right: 0;}
.contact_form1 label{font-size: 16px;margin-bottom: 5px;float: left;color: #ff7e00;font-family: "ubuntubold";font-weight: normal}
.contact_form1 input[type=text]{float: left;width: 89%;padding: 10px 0% 10px 10%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 18px;background: none;}
.contact_form1 input[type=text].user_name{background: url(../images/user2.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_email{background: url(../images/mail2.png) no-repeat scroll 4px center/25px;}
.contact_form1 input[type=text].user_number{background: url(../images/phone2.png) no-repeat scroll 4px center/25px;}
.contact_form1 textarea{float: left;width: 91%;padding: 10px 4%;font-size: 15px;border: 1px solid #ccc;margin-bottom: 10px;background: none;}
.contact_form1 input[type=submit]{float: left;width: 120px;padding: 10px 0%;font-size: 15px;border: 1px solid #221442;margin-bottom: 10px;background: #221442 ;cursor: pointer;color: #fff;font-weight: bold;margin: 0 auto;clear: both;display: block;}
.contact_form1 input[type=submit]:hover{color: #221442;background: #fff}
.contact_address_icon{float: left;}
.contact_address{float: left;margin-left: 10px;}
.contact_address li {list-style: none}
.contact_form { margin-top: 40px;}
.contact_us h1{text-align: center;font-size: 40px;color: #90292c}
.contact_form1 h3 {color: #000;font-weight: normal;margin: 0 0 35px 0}
 .contact_form_wrap i{color:#221442}
.contact_form1 p{margin-bottom: 2px;}
.contact_form1{width: 380px;}
.contact_form2{width: 380px;}
.contact_form3{width: 275px; padding-left: 20px;}
.contact_form1.contact_form3 > p { margin: 12px 0;}
.contact_form3 p span{margin-left: 10px;}
.top_head_contact{ color: #006ec8;float: left;font-size: 22px;font-weight: normal;margin-bottom: 10px;
    padding: 0;text-transform: uppercase;}
.phone_contact { clear: both; margin: 0;}
.email2{margin: 9px 0 12px!important}

/*footer*/
.outer_section.footer{ color: #fff; background:#ff5e14; padding: 50px 0;border-bottom: 1px solid #fff}
.outer_section.footer .left.footer_logo img {
    background: #fff;
    padding: 6px 3%;
    border-radius: 8px;
    max-width: 304px;
}
.smo{width: auto}
.smo ul li i{color: #000;margin: 0 8px}
.smo ul li i { color: #000; background: #fff; border-radius: 25px; width: 24px; height: 21px;font-size: 18px; text-align: center;   padding: 7px 4px 3px; margin: 0 7px; border: 4px solid #fff;}
.smo ul li a:hover i { background: #221442; color: #fff; transition: 0.2s ease-in-out;}
.outer_section.footer .left { width: 345px; margin: 0 20px; line-height: 1.8;}
.outer_section.footer .left:nth-child(2n){width: 200px}
.outer_section.footer .left.contact_footer{width: 500px}
.outer_section.footer .left.footer_menu ul li{clear: both}
.outer_section.footer .left p{margin: 25px 0}
.outer_section.footer .left.footer_menu ul li a{color: #fff}
.outer_section.footer h3 { margin: 0 0 25px 0;color: #fff;font-size: 20px;}
.outer_section.footer .main_heading::after { left: 0;width: 20px;background-color: #fff;height: 2px}
.outer_section.footer .left.contact_footer ul li { clear: both;margin: 10px 0 0;position: relative;padding: 0 0 0 39px}
.outer_section.footer .left.contact_footer ul li img {position: absolute;left: 0;top: 6px}

/*footer*/
.get_in_touch{float: left;width: 100%;padding: 60px 0;color: #fff;  background:url("../images/saanvi-technologies-4.jpg")no-repeat 100% / cover;  /* fallback for old browsers */}
.inner_footer h3{text-align: center;font-size: 40px;padding-bottom: 15px;text-transform: capitalize;color: #fff}
_border{margin: 0 auto;float: none;width: 80px;height:2px;background: #fff;}
.form{clear: both;margin: 0 auto;float: none;display: block;width: 600px;padding-top: 40px;}
.form input[type=text]{float: left;width: 46%;background:none;border: none;border-bottom: 1px solid #fff;color: #fff;font-size: 16px;margin: 0 1%;padding: 5px 1%;}
.form textarea{float: left;width: 96%;margin: 20px 1% 50px;padding: 10px 1%;background:none;border: none;border-bottom: 1px solid #fff;color: #fff;font-size: 15px;font-family: inherit}
.form input[type=submit]{margin: 20px auto;float: none;display: block;width: 170px;padding: 10px 0;text-align: center;text-transform: uppercase;background:#ff5e14;color: #fff;font-size: 18px;cursor: pointer;border-radius: 5px;border: none}
.form input[type="submit"]:hover{background: #fff;color: #fff;border-radius: 5px;color: #000}

/*copyright*/
.outer_section.copyright{padding: 16px 0;background:#333; color: #fff;text-align: center}

/*inner banner*/

.inner_banner{float: left;width: 100%;background:url("../images/Press-tools-moulds-Jigs-&-fixtures.jpg")no-repeat 100% / cover;padding: 137px 0}
.inner_banner ul li a { margin:-2px 13px 0 0;text-transform: capitalize; font-weight: bold; font-size: 12px; color: #fff; font-weight: bold;
    display: inline-block; float: left;cursor: pointer;text-shadow:  2px 2px 10px rgba(0, 0, 0, 0.5);}
.inner_banner ul li a:hover {color: #f2c21a }
.inner_banner ul li i {font-size: 20px;color:#652ee1;}
.inner_banner ul li:last-child a {  padding: 0px 0 0 7px;}
.inner_banner ul li { color: #fff; font-weight: bold;font-size: 11px;}
.inner_banner h1 { text-transform: uppercase; padding: 0 0 17px 0;color: #fff;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);}
.left.director_content {width: 795px;margin: 0 40px;line-height: 1.5}
.wrap.about_content { background: #fff;padding: 0 0 52px 0}
.wrap.about_wrap { background: #f8fafc;padding: 0 0 413px 0;}
.left.about_left{width: 653px;position: relative}
.left.about_left.top_img_wrap img{position: absolute;left: -90px;box-shadow:0 9px 11px 4px #ccc;top: 35px}
.left.about_left.bottom_img_wrap img{position: absolute;left: 0px;box-shadow:0 9px 11px 4px #ccc;top: 0px}
.right.about_right {width: 559px; margin: 0 1%; padding: 30px 0}
.color_yellow { color: #f2c21a;}
.right.about_right h2 {font-size: 40px; padding: 0 0 12px 0; }
.right.about_right p { line-height: 1.8;font-size: 16px;}
.wrap.awards{padding: 40px 0 0 0;text-align: center}
.num_big{font-size: 40px;color: #652ee1;font-weight: bold;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5)}
.wrap.awards h3{font-size: 14px;color: #0f3661}
.wrap.awards .left{width: 178px;}
.left.about_us_page_right  { width: 269px; margin: 0 11px;position: relative;background: #0d2034;color: #fff;text-transform: capitalize;
    text-align: center;float: left;cursor: pointer;font-weight: bold;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);}
.left.about_us_page_right .profession_team  {color: #fff;font-size: 12px;text-transform: capitalize;padding: 0px 0 20px 0;float: left;
    width: 100%;}
.left.about_us_page_right .team_name {color: #fff;font-size: 15px;padding: 20px 0 10px 0;float: left;width: 100%;}
.about_team { padding: 40px 0; border-bottom: 2px dashed #652ee1;}
.about_team:last-child{border: none}
.wrap.about_content h2 {padding: 30px 0 0;font-size: 40px;text-transform: capitalize;position: relative;margin:0 auto 23px;display: table;}
.wrap.about_content h2::after {top: 90px;content: '';left: 44px;position: absolute;z-index: 1;width: 80px;height: 5px;background: #652ee1;}
.left.director_content ul li {background: #0d2034;color: #fff;padding: 8px 20px;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);margin: 0 15px;
    border-radius: 6px;}
.left.director_content ul { margin: 25px 0;font-weight: bold;}
/*gallery*/
.wrap.about_wrap.gallery_page{margin: 50px 0 0}
.wrap.about_wrap.gallery_page ul li {

    margin: 0 1% 20px;

}
/*inner_facilities*/
.inner_facilities{padding: 50px 0}
.inner_facilities h2{font-size: 40px;text-align: center;padding: 0 0 40px 0 }
.inner_facilities .left{width: 48%;margin: 0 1%}
.inner_facilities .right{width: 48%;margin: 0 1%}
.inner_facilities .right ul li{clear: both;margin: 10px 0;position: relative}
.inner_facilities .right ul li::before{top: 0px; color: #000; content: '\f0da'; font-family: FontAwesome;  font-size: 19px; left: -20px;
    position: absolute;  z-index: 1;}
.inner_facilities .left img {  box-shadow: 1px 1px 5px 4px #ccc;}

@media screen and (max-width:1170px)
{
/*    top header*/
    .top_header{width: 96%;padding: 20px 2%}
    .top_header .right{float: left;margin: 20px 0}
    
/*    header */
    .header{width: 96%;padding: 30px 2%}
    
/*    banner */
    .banner_text{margin: 100px 2% 0;width: 60%;}
    .banner_text .banner_caption_2{font-size: 50px;}
    
/*about us */
    .right.about_right, .left.about_left{width: 48%}
    .left.about_left.top_img_wrap img{left: 0}
    .about_home .left{width: 46%;margin: 0 2%}
    .about_home .right{width: 45%;margin:0}
    .about_home .heading_general::after{background: #fff;left: 47%}
    .heading_general::after{left: 47%;}
/*why chhoose*/
    .why_choose_us .left{width: 96%;margin: 0 2%}
   .why_choose_us .right{width: 80%;margin: 20px  1%}
    
/*    facilities*/
    .machining_posrtfolio{padding: 50px 2%;width: 96%}
    .machining_posrtfolio ul .machine_portfoloio_list {   width: 25%;}
    
    .machining_posrtfolio ul .machine_portfoloio_list a h3{font-size: 14px;}
    
    .school_col{margin: 0;width: 4%}
    .our_school{width: 96%;padding: 43px 2%}
    
/*    services*/
    /*.offerings ul li{width: 23%;margin: 0 1%}*/
    .call_to_action, .map{width: 96%;padding: 50px 2%}
    
/*    footer*/
    .outer_section.footer .left{width: auto}
    .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer{width: 48%;margin: 20px 1%}
    .outer_section.footer .left p{width: 80%}
    .form{width: 80%}
    
    /*offerings*/
    .offerings{padding:61px 3% 40px;width:94%;}
    .nbs-flexisel-nav-left{left:-16px}
    .nbs-flexisel-nav-right {  right: -25px;}
    
        /* contact us */
    .contact_form1,.contact_form2,.contact_form3{margin: 0 1%;width: 30%}
    .contact_us{margin: 30px 1% 85px;width: 96%}
}

@media screen and (max-width:959px)
{
/*about us*/
    .about_home::before{width: 100%}
    .about_home .left{width: 91%;}
    .about_home .right{width: auto;padding:20px 2% 0}
    .about_home .right img{margin: 0;}
    .wrap.about_wrap{padding: 0 0 117px 0;}
    
/*    why choose us*/
    .why_choose_us{text-align: center}
    .why_choose_us .heading_general{margin: 0 0 64px 0}
   
.contact_form1, .contact_form2, .contact_form3 {  width: 48%;margin: 0 1% 54px }
    
     .get_in_touch{width: 96%;padding: 40px 2%}
    .form{width: 80%}
    
/*    inner facilities*/
    .inner_facilities .right, .inner_facilities .left { width: auto;  margin: 0 2%;clear: both;float: left;}
     .inner_facilities .right {margin: 0 6%}
    .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer{clear: both}
}

@media screen and (max-width:767px)
{
     
    .right.menu{display: none}
    .why_choose_us .right{width: auto}
    .machining_posrtfolio ul .machine_portfoloio_list { width: 48%; margin: 0 1% 10px;}
     /* --------------mobile menu-------------------*/
    .navbar{display: block!important}
    .mask{ overflow: hidden; }
    .overlay_wrap img {float: left; margin: 0 1%; width: 227px!important;}
    .overlay_wrap ul li i.fa{ float: left;  margin: 0 5%;color: #fff;font-size: 30px} 
    .overlay_wrap ul li i.fas{ float: left;  margin: 0 5%;color: #fff;font-size: 30px} 
    
    .navbar { position: relative;z-index: 999; width: 100%; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.2);top: 72px;right: 0px}
    .button { position: absolute;top: calc(50% - 11px); right: 4%; height: 22px; width: 30px; cursor: pointer; overflow: hidden; -webkit-transition: opacity .25s ease;  transition: opacity .25s ease;  z-index: 999;}
    .button.active .top {  -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg);  background: #fff;}
    .button.active .middle_1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); background: #fff;}
    .button.active .middle_2 { -webkit-transform: translateX(100%); transform: translateX(100%);background: #fff;}
    .button.active .bottom {  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);  background: #fff;}
    .button:hover {  opacity: .7;}
    .button span { background:#fff ; position: absolute; top: 0; left: 0; height: 4px; width: 100%; -webkit-transition: all .35s ease;  transition: all .35s ease;}
    .button span:nth-of-type(2) {top: 9px;left: -50%;}
    .button span:nth-of-type(3) {top: 9px;left: 50%;}
    .button span:nth-of-type(4) { top: 18px;}
    .overlay ul li{float: none;}
    .overlay { display: block;position: fixed;top: 0;left: 0;height: 100%;width: 0%;opacity: 0;background: rgba(52,31,151,1)   ; -webkit-transition: opacity .35s ease, visibility .35s ease, width .35s ease; transition: opacity .35s ease, visibility .35s ease, width .35s ease; visibility: hidden; z-index:999;width: 100%}
    .overlay.open { opacity: 1; visibility: visible; width: 100%;}
    .overlay.open li { -webkit-animation: menuFade .5s ease forwards; animation: menuFade .5s ease forwards;
        -webkit-animation-delay: .5s;    animation-delay: .5s;}
    .overlay.open li:nth-of-type(2) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(3) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(4) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(5) {  -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay.open li:nth-of-type(6) { -webkit-animation-delay: .5s; animation-delay: .5s;}
    .overlay nav {width: 100%; position: absolute;height: 80%;top: 0;-webkit-transform: translateY(-40%);  transform: translateY(-40%);
        font-size: 34px;font-family: 'Roboto Slab', sans-serif;font-weight: 400;text-align: center;}
    .overlay ul { display: inline-block;  height: 100%; list-style: outside none none; margin:48px auto 0; padding: 0;  position: relative;    width: 100%;}
    .overlay ul li {float: left; display: block;padding: 12px 2%; min-height: 34px; position: relative; opacity: 0;width: 92%;border-bottom: 1px solid #fff;}
    .overlay ul li a {   font-size: 17px;display: block;position: relative; color: #fff ;text-decoration: none;  overflow: hidden; text-align: left;margin: 7px 0 0 0;text-transform: capitalize;width: auto;float: none}
    .overlay ul li a:hover{color: #f0423c }  
    .overlay_wrap a { float: left;  width: 96%;}

    @-webkit-keyframes menuFade {
        0% {   opacity: 0;   left: -25%;  }
        100% {  opacity: 1;  left: 0;}
    }

    @keyframes menuFade { 0% {  opacity: 0; left: -25%;}
        100% {  opacity: 1;  left: 0;}
    }   
    .overlay_wrap a{color: #fff;text-decoration:none;font-size: 22px;margin-bottom: 30px;}

    /*----------------mobile menu ends here------------------*/
       .nbs-flexisel-nav-left,  .nbs-flexisel-nav-right {top:54px;}

    
/*contact us*/
     .contact_form1 input[type="text"] {padding: 10px 0 10px 15%;width: 84%}
    .contact_form1, .contact_form2, .contact_form3 {
    margin: 0 1%;
    width: 48%;
}
    .get_in_touch{width: 96%;padding: 60px 2%}

}

@media screen and (max-width:599px)
{
/*    banner*/
    .banner_text .banner_caption_1{font-size: 15px;}
    .banner_text { margin: 100px 2% 0;  width: 96%;}
    .banner1{height: 370px;}
    .about_home .left { width: auto; margin: 0 1%;  padding: 10px 3%;}
    
/*    progress bar*/
    .single-progress-bar .progress-scale{max-width:20%}
    .why_choose_us .right ul li{border: none}
    .why_choose_us .right ul li{padding: 35px 2%}
    .why_choose_us .right ul li img{margin: 0 2% 0 0}
    
    .offerings ul li {

    /*width: 46%;*/
    /*margin: 0 21% 20px ;*/

}
    .right.about_right, .left.about_left {  width: 98%;}
    .left.about_left.top_img_wrap img, .left.about_left.bottom_img_wrap img{position: unset}
    .form {
    width: auto;
}
    .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer{clear: both}
    .outer_section.footer{width: 96%;padding: 50px 2%}
    .outer_section.footer .left.contact_footer ul li{font-size: 14px;}
   
    /* contact us */
     .contact_form1, .contact_form2 { margin: 0 1% 40px;width: 98%;}
    .contact_form1.contact_form3 { width: 90%;}
    .contact_us{margin: 0 1% 0px}
    .contact_form{margin-top: 30px}
    .contact_form1 h3{text-align: left;width: 100%;display: block;margin: 0 0 30px}
    .about_home .left ul li{display: none}
    .why_choose_us .right ul li {  padding: 35px 2%;  width: 96%;}
    .why_choose_us .right ul li span{clear: both}
    .machining_posrtfolio ul .machine_portfoloio_list{width: 98%}
    .school_col_wrap{padding: 40px 0}
    .call_to_action .left {

    font-size: 20px;
    color: #fff;
    text-transform: lowercase;
    width: 96%;
    margin: 0 auto 20px;
    text-align: center;

}
    .call_to_action .right{margin: 0 auto ;display: table;float: none;}
    .outer_section.footer .left:nth-child(2n), .outer_section.footer .left.contact_footer{width: auto}
    .school_col {  margin: 0; width: 96%;}
    .navbar{top: 30px}
    .bullet{top: -67px}
    .machining_posrtfolio ul .machine_portfoloio_list img { display: block;  width: 100%;}
   .offerings ul li {
    /*width: 98%;*/
    /*margin: 0 1% 20px;*/
}
    .outer_section.footer .left.footer_logo img{max-width: 206px;}
    
}

@media screen and (max-width:479px)
{
    /*.offerings ul li{width: 96%}*/
    /*.offerings ul li a{width: 100%}*/
    /*.offerings ul li a img{width: 100%}*/
    
    .banner_text{width: auto}
    .offerings {padding: 61px 10% 40px;   width: 80%;}
    .outer_section.footer .left{margin:0 4px;}
    .inner_facilities .right {margin: 0 8%}
    .wrap.about_wrap {  padding: 0 0 30px 0;}

}

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

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