
/*
Theme Name: Faraidooni
Developer: Remely Javellana
Theme URI:  www.thedigital-sme.com

Author:  

Description: Pending description.
Version: 1.0

[May 6, 2020]  */

body{
     font-family: 'PlainReg', sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    background: #fff;
    color: #666;  
    padding: 0px;
    transition: all 0.5s ease;
    transition: all .2s ease-in;
}

h1,h2,h3,h4,h5 {margin-top: 0px;font-family: 'VanitasBold';color: #222;}
h1{font-size: 50px;line-height: 56px;}
h2{ font-size: 40px; line-height: 50px; }
h3{ font-size: 32px; line-height: 42px;}
h4{ font-size: 22px; line-height: 32px;}
h5{  }
p {  }
p, li{ font-size: 15px; line-height: 20px; margin-top: 0px;}
a { outline: none !important; background: none;}
li,span{  }

/*Form elements*/
label{ display: block;}
input{border: 1px solid #CCC;width: 100%;height: 36px;padding: 0px 15px;outline: none;}
input, input[type="text"], input[type="submit"],
textarea {font-size: 14px;font-family: 'PlainReg';}

input[type="text"]{width: 100%;}
input[type=file]{border: none;visibility: visible;height: 23px;padding: 0px;}

textarea{border: 1px solid #ccc;width: 100%;padding: 10px 15px;background: #fff;outline: none;}
input[type='checkbox'], input[type='radio']{ width: auto; height: auto; }
input[type='submit']{font-weight: bold; background: #222;color: #fff;border: 1px solid #222;}

img{ max-width: 100%; }
a:focus, a:hover{ text-decoration: none; background: none;}
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white;}
hr{
    border-top: 3px solid #EFCB13;
    width: 44px;
    margin-top: 10px;
}

/*############ general starts ############*/
.breadcrumb{ border-radius: 0px;background: transparent;margin-bottom: 0px; padding: 15px 0px;  }
.breadcrumb li{font-size: 12px;line-height: 15px;color: #1e1e46; }
.breadcrumb li a{color: #656565;   }
.breadcrumb li.active{ color: #201745; }

.breadcrumb>li+li:before{  
   /* font: normal normal normal 14px/1 FontAwesome;
    font-size: 10px;
    text-rendering: auto;
    content: "\f054";*/
    color: #201745;
   /* margin: 0px 8px;
    position: relative;
    top: 1px;*/
}


.sha_re{text-align:right;padding:15px 0px;  }
.sha_re a{display: inline-block; padding-left:10px; font-size: 12px; color: #201745;  }
.sha_re a i{ margin-right:5px; }
.sha_re a img{ margin-right:5px; width: 18px;margin-top: -1px;  }



#accordion2 .panel-title a{
    display: block;
    padding: 10px 15px 10px 40px;
    position: relative;
}

#accordion2 .panel-title a:before{
    content: "\f0de";
    font-family: "FontAwesome";
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #1e1e46;
    text-align: center;
    position: absolute;
    top: 14px;
    left: 15px;
}

#accordion2 .panel-title a.collapsed:before{ content: "\f0dd"; }
#accordion2 .panel-body{
    padding: 15px 15px;
    font-size: 15px;
    color: #222;
    line-height: 27px;
    border: none;
    border-top: 1px solid #b2b2b2;
}

#accordion2 .panel-body p{ margin-bottom: 0; }
/*############ general ends #############*/


/*############ header starts ############*/
section.miniheader{ background:#fff;padding: 8px 0px 0px 0px; }
section.miniheader a{color: #656565; font-size: 11px; }
section.miniheader span{ color: #656565;font-size: 11px;  }
section.miniheader span.sep{padding-left: 9px;display: inline-block;    color: #999; }
section.miniheader .m_right{ text-align: right; }
section.miniheader .m_right a{ padding-left: 5px; display: inline-block;
    /*temporary*/
    font-family: 'PlainBold';
    color: #1e1e46;
    font-size: 13px; 
}


nav.m_header{ background:#fff; border:none; border-radius: 0px; margin-bottom:0px; padding: 0px 0px 0px 0px ;}
nav.m_header .wrapper{ border-bottom: 1px solid #333;padding-bottom: 15px;margin-bottom: -3px; }   

nav.home_header .wrapper{ border-bottom:none; }

nav.m_header .navbar-brand{  }
nav.m_header .navbar-brand img{     width: 270px; padding-top: 15px; }
.navbar-inverse .navbar-nav>li{ float: none;display: inline-block; }
.navbar-inverse .navbar-nav>li>a{ color: #1e1e46;  padding: 15px 22px;font-size: 13px;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{ color: #1e1e46; }
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{ background:transparent;color: #1e1e46; }
.navbar-right{ width: 75%; padding-top: 44px;text-align: right;}
.navbar-inverse .navbar-nav>.active>a{ font-family: 'PlainBold'; }

nav.m_header li.dropdown a{ cursor: pointer; }
nav.m_header .search{ width: 80%;text-align: left; }
nav.m_header .search form{  }
nav.m_header .search form input{  
    border:1px solid #656565;
    border-radius: 0px;
    color: #656565;
    display: inline-block;
    width: 80%;
}

nav.m_header .search form input[type="submit"]{
    font-family: 'Linearicons-free';
    background:#201745;
    width: auto;
    border-left: none;
    margin-left: -5px;
    color: #fff;
}

.navbar-inverse .navbar-right li:last-child a{padding-right: 0px;  }
.navbar-inverse .navbar-right li a{ color: #000; font-size: 13px; padding: 0px 22px; }
.navbar-inverse .navbar-right li a i{ color: #201745; }
.navbar-inverse .navbar-right li a img{ vertical-align: bottom; width: 15px;  }

.navbar-inverse .navbar-left{ padding-top: 10px; margin-left: -15px; }
.navbar-inverse .navbar-left li:first-child a{ padding-left: 0px; }
nav.m_header .navbar-nav>.open>a, nav.m_header .navbar-nav>.open>a:focus, nav.m_header .navbar-nav>.open>a:hover{ background-color: transparent; color: #201745; }
/*############ header ends ##############*/


/*########## dropdown starts ############*/
.mega-dropdown {position: static !important;}
.menu_drop{  
    border: none;
    border-radius: 0px;
    width: 100%;
    position: absolute;
    top:auto;
    background: #fff;
    box-shadow: none;
    padding: 0px;
    margin-top: 10px!important;
}

.menu_drop .item_wrapper{  
    border-top: 1px solid #201745;  
    padding:40px 0px;
    display: inline-block;
    width: 100%;
}


.menu_drop .item{ padding: 0px; padding-right: 30px; }

.brochure_wrapper{  padding-right: 0px!important; }
.brochure_wrapper .broc_hure{ }
.brochure_wrapper .broc_hure img{ margin-bottom: 20px; }
.brochure_wrapper .broc_hure a.dl{color: #666;  }



#dp_menu .dropdown-submenu>.dropdown-menu {
    /*position: fixed;*/
    top:0px;
    left: 36%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    background:transparent;
}

/*#dp_menu .dropdown-submenu:hover>.dropdown-menu {display: block;}*/
#dp_menu .dropdown-submenu.pull-left {float: none;}
#dp_menu .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 0px ;
}

#dp_menu .dropdown-submenu>.dropdown-menu li a{ border-right: none; padding:0px;width: 100%;margin-bottom: 0px; }
#dp_menu .dropdown-submenu>.dropdown-menu li a:hover{ background:transparent; }
#dp_menu .dropdown-submenu>.dropdown-menu li{ border-right: none; width: 100%; }
#dp_menu .dropdown-submenu>.dropdown-menu li a img{ height: 54px; }
#dp_menu .dropdown-submenu:nth-child(2) .dropdown-menu li a img{ height: 35px; margin-bottom: 2px; }
#dp_menu .dropdown-submenu:nth-child(3) .dropdown-menu li a img{ margin-bottom: 7px; }
#dp_menu a{ 
    font-size: 13px;
    color: #201745;
    padding-bottom: 25px;
    width: 51%;
    /*border-right: 1px solid #000;*/
    display: inline-block;
    margin-bottom: -10px;
    line-height: 7px;
    float: left;
}

#dp_menu li a:hover{font-family: 'PlainBold';  }
#dp_menu li.active a{ font-family: 'PlainBold'; }
#dp_menu{ padding: 0px; }
#dp_menu li{ 
    list-style: none; 
    display: block;
    
}

#dp_menu li.active .dropdown-menu{ display: block; }
/*############ dropdown ends ############*/


/*########## home_hero starts ###########*/
section.home_hero{  }
section.home_hero .bg{  
    background-size: cover!important;
    background-position: center center!important;
    height: 700px;
    outline: none;
}

section.home_hero .wrapper{  }
section.home_hero .logo_ftrd{ padding-top: 30px;  }
section.home_hero .logo_ftrd img{width: 250px;float: right;  }
section.home_hero .desc{  padding-top: 255px;    width: 75%; }
section.home_hero .desc h1{font-family: 'FuturaBook'; color: #201745; font-size:44px; line-height: 52px; margin-bottom:15px; }
section.home_hero .bg2 .desc h1, section.home_hero .bg3 .desc h1{color: #fff;  }
section.home_hero .desc a.more{  
    background:#666666;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    padding:10px 20px 12px 20px;
}

section.home_hero .desc a.more i{ margin-right: 5px; }
section.home_hero .desc a.more img{ width: 11px; display: inline-block; margin-right:8px; margin-top: -3px; }

section.home_hero .slick-arrow{  
    position: absolute;
    z-index: 10;
    font-size: 25px;
    color: #fff;
    right: 260px;
    bottom: 70px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    padding-top: 1px;
}

section.home_hero .left-arrow{  }
section.home_hero .right-arrow{ right: 220px;}
section.home_hero .left-arrow:before{     
    position: relative;
    left: -1.5px;
    top: -1.5px; 
}

section.home_hero .right-arrow:before{     
    position: relative;
    left: 2.5px;
    top: -1.5px; 
}

.scroll{
    text-align:center;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    margin-top:-15px;
}


.scroll a{  
    transform: rotate(-90deg);
    display: inline-block;
    padding: 0px 0px 0px 200px;
    border-top: 1px solid #201745;
    font-size: 16px;
    color: #201745;
}
/*############ home_hero ends ############*/


/*########## home_intro starts ############*/
section.home_intro{  
    padding:0px 0px 150px 0px; 
    background-size: cover!important;
    background-position: center bottom!important;
    background:#f5f3eb;
}


section.home_intro .wrapper{ text-align: center; }
section.home_intro .wrapper p { 
    font-family: 'OptimaReg'; 
    padding-top: 170px;
    color: #201745; 
    font-size: 31px; 
    line-height: 36px;    
    width: 78%;
    margin: 0 auto;
}

section.home_intro .wrapper a.more{  
    background:transparent;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #201745;
    padding:8px 22px 10px 22px;
    border: 1px solid #201745;
    margin-top:75px;
}

section.home_intro .wrapper a i{ margin-right: 10px; }
section.home_intro .wrapper a.more img{ width: 11px; margin-top:-3px; margin-right:8px; }

section.home_intro .wrapper .cou_nt{ padding-top: 100px;  }
section.home_intro .cou_nt .item{ display: inline-block; text-align: left; padding:0px 80px; }
section.home_intro .item h4{ font-family: 'VanitasBlack';  color: #201745; font-size: 46px; margin-bottom: 3px; }
section.home_intro .item h4 span{ font-family: 'VanitasBlack';  color: #201745; font-size: 46px;  }
section.home_intro .item span { font-family: 'PlainMed'; font-size: 11px;letter-spacing: 1px; color: #201745;  }
/*########### home_intro ends ##############*/


/*########### h_featured starts ############*/
section.h_featured{ padding:40px 0px 60px 0px;  }
section.h_featured .intro{  }
section.h_featured .intro h3{  
    font-family: 'OptimaReg'; 
    color: #201745; 
    font-size:36px; 
    line-height: 44px;  
    margin-bottom:25px;
}
section.h_featured .intro h3 a.view{ font-family: 'PlainMed'; font-size: 13px; color: #201745; float: right; margin-top: -5px; border-bottom: 1px solid #201745;    line-height: 27px; padding-top: 10px;}

section.h_featured .wrapper{  }
section.h_featured .wrapper .bg{    
    height: 450px;
    width: 100%;
    padding: 30px;  
    background-size: cover!important;
    background-position: center center!important;
    float: left;
    margin:1px;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

section.h_featured .wrapper a { display: inline-block; overflow: hidden; }
section.h_featured .wrapper a .bg:hover{ 
   -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

section.h_featured .wrapper p{ font-family: 'PlainBold'; font-size: 18px; color: #fff; position: absolute;padding: 30px; }

section.h_featured .wrapper .ftrd1{ width: 66%;  }
section.h_featured .wrapper .ftrd2{width: 33.6%;  }
section.h_featured .wrapper .ftrd3{ width: 49.6%;  }
section.h_featured .wrapper .ftrd4{ width: 50%;  }
/*############ h_featured ends ##############*/


/*############ footer starts ############*/
footer{ 
    padding:200px 0px 20px 0px; 
    background-size: cover!important;
    background-position:center 0px!important;
}

footer .wrapper{  }
footer a.ftr_logo{  }
footer a.ftr_logo img{width: 260px;margin-bottom: 40px;  }
footer .wrapper p{ width: 70%; }
footer p { color: #fff;font-size: 12px;  }

footer .logo_wrap{  }
footer .section_wrap{  }

footer .sections{  padding-top: 70px; }
footer .sections ul{padding: 0px; column-count: 3; column-gap: 100px;  }
footer .sections ul li{  list-style: none;  color: #fff;    margin-bottom: 5px; font-size: 13px;}
footer .sections ul li a{ color:#fff; text-transform: uppercase; }

footer hr.ftr_sep{ border-top:1px solid #fff; width: 97%; margin-top: 30px; }
footer .copy{  }
footer .copy p{font-family: 'PlainLight'; font-size: 10px;  }
footer .copy p a{ color: #fff; }

footer .copy .phone{ text-align: center; }

footer .copy .social{ text-align:right; margin-top: -5px; }
footer .copy .social a{color: #fff;font-size: 20px;padding-left: 5px;}

.back_top{  
    position: absolute;
    right: 30px;
    margin-top: -40px;
}

.back_top a.bt_top{  
    display: inline-block;
    width: 30px;
    height: 30px;
    border:1px solid #fff;
    text-align:center;
    color: #fff;
    font-size: 17px;
}

.back_top a.bt_top i{  }

.cookies_wrap{ 
    background:#ebe6d7; 
    text-align:center; 
    padding:10px 0px;  
    margin-top: -53px;
    position: absolute;
    left: 0;
    right: 0;
}

.cookies_wrap p{ margin-bottom: 0px; font-size: 14px; color: #2c2925; }
.cookies_wrap p a{ color: #2c2925; border-bottom: 1px solid #fff; }
.cookies_wrap p button.got{  
    font-family: 'PlainBold';
    border-radius: 5px;
    border:2px solid #2c2925;
    padding: 4px 8px;
    color: #2c2925;
    margin-left: 10px;
}



footer .add_ress{ vertical-align: bottom; padding:20px 0px; border-bottom: 1px solid #f8f1da;  }
footer .add_ress2{ border-bottom: none; }
footer .add_ress span {  
	color: #f8f1da;
	font-size: 15px; 
	line-height: 24px;
	display: inline-block;
	width: 26%;

}

footer .add_ress span a{ color: #f8f1da; display: block; }
footer .add_ress span:nth-child(1){width: 15%;    vertical-align: top;  }
footer .add_ress span:nth-child(2){width: 30%;  }
/*############ footer ends ##############*/


/*############ a_intro starts ###########*/
section.a_intro{  }
section.a_intro .wrapper{ padding:80px 100px; }
section.a_intro .wrapper p{font-family: 'OptimaReg'; color: #201745; font-size: 32px; line-height: 40px;text-align:center;  }
/*############ a_intro ends ##############*/


/*############ a_grid starts #############*/
section.a_grid{ padding:20px 0px; }
section.a_grid .wrapper{ /*padding:0px 30px; */}
section.a_grid .wrapper .bg{  
    height: 530px;
    background-size: cover!important;
    background-position: center center!important;
}

section.a_grid .desc{ padding: 100px 60px; }
section.a_grid .desc h4{font-family: 'VanitasBlack';color: #201745; font-size: 36px; line-height: 42px;  }
section.a_grid .desc p{color: #989898; line-height: 20px; font-size: 13px; margin-bottom: 20px; }

section.a_grid .desc .nav-tabs{  border-bottom: none; }
section.a_grid .desc .nav-tabs li{  }
section.a_grid .desc .nav-tabs li a{  
    border:none;
    font-family: 'VanitasBlack';
    font-weight: normal;
    color: #989898;
    font-size: 38px;
    line-height: 28px;
    padding:0px 15px;
    margin:0px;
    border-radius: 0px;
}

section.a_grid .desc .nav-tabs li:nth-child(1) a{ padding-left:0px;border-right: 1px solid #201745; }

section.a_grid .desc .nav-tabs li.active {  }
section.a_grid .desc .nav-tabs li.active a{ color: #201745;font-weight: normal; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border:none; }
.nav>li>a:focus, .nav>li>a:hover{ background-color: transparent; }

section.a_grid .tab-content{ padding-top: 20px; }
section.a_grid .tab-content .tab-pane{  }
section.a_grid .tab-content p{  }

section.a_grid2 .desc{padding-top: 150px;  }
/*############ a_grid ends ###############*/


/*########## a_featured starts ############*/
section.a_featured{padding:100px 0px 60px 0px;  }
section.a_featured .wrapper{ /*padding:0px 30px; */}
section.a_featured .bg{  
    height: 850px;
    background-size: cover!important;
    background-position: center center!important;
}

section.a_featured .desc{ width: 70%; margin:0 auto; padding:40px 0px;}
section.a_featured .desc h4{ font-family: 'VanitasBlack';color: #201745; font-size: 34px; line-height: 38px; margin-bottom: 15px;}
section.a_featured .desc p{  color: #989898; font-size: 13px; line-height: 20px; }
section.a_featured .desc p strong{ color: #201745; }
/*########### a_featured ends #############*/


/*############ c_intro starts #############*/
section.c_intro{ padding: 70px 0px 20px 0px; }
section.c_intro .wrapper{  }
section.c_intro .intro{ text-align:center; }
section.c_intro .intro h1{ font-family: 'OptimaReg';color: #201745; font-size: 44px; line-height: 55px; margin-bottom: 70px;}
section.c_intro .item_wrap p.sub{ font-family: 'VanitasBlack';color: #201745; font-size: 34px; line-height: 40px; margin-bottom: 45px; }

section.c_intro .item_wrap{ display: inline-block; width: 100%;  padding: 0px 100px 0px 100px; }
section.c_intro .item{ float: left; width: 25%;  }
section.c_intro .item h5{ margin-bottom: 15px;font-family: 'PlainMed';color: #201745; font-size: 16px; line-height: 23px;  }
section.c_intro .item p{ color: #989898; font-size: 14px; }
section.c_intro .item p a{color: #989898;  }

section.c_intro  .avail{ display: inline-block;width: 100%;padding-top: 40px;  }
section.c_intro  .avail p{ color: #7f7f7f; }
/*############ c_intro ends ###############*/


/*############ c_frm starts #############*/
section.c_frm{  }
section.c_frm .wrapper{ border-top:1px solid #201745; padding: 45px 85px; }
section.c_frm .wrapper h4{font-family: 'PlainBold';color: #201745; font-size: 16px; margin-bottom: 25px;  }
section.c_frm .wrapper h3{color: #989898;font-family: 'PlainReg';  }
section.c_frm .wrapper p{ color: #989898; font-size: 13px; margin-bottom: 50px;  }

section.c_frm .wrapper form{  }

section.c_frm .wrapper form fieldset{ margin-bottom: 30px; }
section.c_frm .wrapper form fieldset input{
    font-size: 13px;
    height: 40px;
    border:1px solid #989898;
}

section.c_frm .wrapper form fieldset.half_input{  }
section.c_frm .wrapper form fieldset.half_input input{ width: 48%;float: left;margin-right: 10px;  }
section.c_frm .wrapper form fieldset label{ color: #000; font-weight: normal;font-size: 13px !important;  }

section.c_frm .wrapper form fieldset.half{ width: 48%;float: left;margin-right: 10px;  }
section.c_frm .wrapper form fieldset.half input{  }
section.c_frm .wrapper form fieldset.half label{  }

section.c_frm .wrapper form fieldset.message{ display: inline-block;width: 97%; margin-bottom: 15px; }
section.c_frm .wrapper form fieldset.message label {font-family: 'PlainBold';color: #201745; font-size: 16px; margin-bottom: 15px;   }
section.c_frm .wrapper form fieldset.message textarea{resize: none; font-size: 13px; height: 120px; border:1px solid #989898;}

section.c_frm .wrapper form fieldset.ch{  }
section.c_frm .wrapper form fieldset.ch label{ color: #7f7f7f; }
section.c_frm .wrapper form fieldset.ch input{ height: auto; width: auto; float: left; margin-right: 8px; }

section.c_frm .wrapper form fieldset.sub_mit{text-align: right; width: 97%; }
section.c_frm .wrapper form fieldset.sub_mit button{  
    font-family: 'PlainBold';
    color: #201745;
    border:none;
    background:transparent;
    border-bottom:1px solid #201745;
    padding:5px 0px;
    margin-right: 40px;
}

section.c_frm .wrapper form fieldset.sub_mit input[type="submit"]{  
    font-family: 'PlainBold';
    width: auto;
    padding:10px 80px 12px 80px;
    background:#201745;
    border:1px solid #201745;
    height: auto;
}

section.c_frm .wrapper form fieldset.topic{ margin-bottom: 40px; }
section.c_frm .wrapper form fieldset select{ 
    font-size: 13px;
    height: 40px; 
    padding:0px 10px; 
    width: 48%; 
    -webkit-appearance:none;
    appearance:none;
    background: url('assets/img/a_down.png')no-repeat;
    background-position: 97% center!important;
}
/*############ c_frm ends ###############*/


/*########### careers starts #############*/
section.careers { padding: 70px 0px 60px 0px; }
section.careers .wrapper{  }
section.careers .intro{  padding-bottom: 80px;  }
section.careers .intro h1{ font-family: 'OptimaReg';color: #201745; font-size: 44px; line-height: 55px;text-align:center; }
section.careers .intro_desc p{ color: #5f5f5f; font-size: 14px; }
section.careers .intro_desc p a{ color: #201745; }
section.careers .intro_desc{ border-top: 1px solid #333; padding: 60px 0px 0px 0px;}

section.careers .tbl_career{ padding:50px 0px 40px 0px; }
section.careers .tbl_career table { width: 100%;  border-bottom: 1px solid #333;  }
section.careers .tbl_career table th{  font-family: 'PlainMed'; font-weight: normal; color: #999; text-transform:uppercase; font-size: 16px;padding: 20px 20px;}
section.careers .tbl_career table tr{  }
section.careers .tbl_career table td.vacan_cy{  }
section.careers .tbl_career table td{font-family: 'PlainMed'; color: #000;font-size: 13px; padding: 23px 20px; }

section.careers .tbl_career table tbody tr:nth-child(odd){background:#f5f2eb;border-top:1px solid #333;  }
section.careers .tbl_career table tbody tr:nth-child(odd) td{  }
section.careers .tbl_career table tbody tr:nth-child(odd) td.vacan_cy{   }


section.careers .c_title{ display: inline-block; width: 100%; padding-top: 50px; }
section.careers .c_title h4{  font-family: 'PlainMed'; font-weight: normal; color: #999; text-transform:uppercase; font-size: 16px; }

section.careers .panel-default{  }
section.careers .panel-heading{  }
section.careers .panel-heading .panel-title a{ padding: 0px!important; }
section.careers .panel-heading span{ width: 33.333%; padding: 0px 15px; }

section.careers #accordion2 .panel-title a:before{ content: ''; }
section.careers #accordion2 .panel-title a.collapsed:before{ content: ''; }





/*########### careers ends ###############*/


/*############ products starts ###########*/
section.product_list{  }
section.product_list .wrapper{padding:30px 0px 80px 0px; display: inline-block; width: 100%;  }
section.product_list .sidebar{  }
section.product_list .sidebar h4{ font-family: 'VanitasBlack';color: #201745; font-size: 38px; }
section.product_list .sidebar h4 span{ color: #656565;font-family: 'PlainBold';font-size: 16px; }

section.product_list .panel-group{border:1px solid #323232; background:#f1f1f1;  }
section.product_list .panel-group .acd_label{ padding:10px;    background: #fff; }
section.product_list .panel-group .acd_label span i{  }
section.product_list .panel-group .acd_label a.xpand{color: #000; font-size: 14px; display: inline-block;float:right;text-decoration:underline;  }

section.product_list .panel-group form{  }
section.product_list .panel-group form button{  }
section.product_list .panel-group .panel{box-shadow: none;border: none;border-radius: 0px;border-bottom: 1px solid #b2b2b2;background: #f1f1f1;}
section.product_list .panel-group .panel-heading{  background: transparent;border: none;padding: 0px;  }
section.product_list .panel-group .panel-heading a{font-family: 'PlainReg';color: #5f5f5f; font-size: 16px;  }
section.product_list .panel-group .panel-body{border-top: 1px solid #b2b2b2;  }

section.product_list .panel-group fieldset{padding-left: 25px;  }
section.product_list .panel-group fieldset label{ font-weight: normal; font-family: 'PlainReg';color: #5f5f5f; }
section.product_list .panel-group fieldset label input[type="checkbox"]{ margin-right:10px; }


section.product_list .list_wrap{  }
section.product_list .list_wrap .sort{ text-align: right; }
section.product_list .list_wrap .sort form{  }
section.product_list .list_wrap form input{border:1px solid #323232; width: 30%; margin-right:10px; }
section.product_list .list_wrap form select{border:1px solid #323232; height: 36px; width: 30%; color: #000; padding:0px 12px; outline: none;  }

section.product_list .p_list{  }
section.product_list .p_list .item{ display: inline-block; float: left; width: 33%;    padding: 20px 20px 40px 20px;  }
section.product_list .p_list .item a{  }
section.product_list .p_list .item a img{  }
/*############ products ends #############*/



/*######### prod_single starts ############*/
section.prod_single{  }
section.prod_single .prod_specs{display: inline-block;padding: 30px 0px; width: 100%;  }
section.prod_single .prod_specs img.ftrd{  width: 360px; margin: 0 auto; display: block; }
section.prod_single .prod_specs .specs{ padding-top: 100px; }
section.prod_single .prod_specs .specs h3{ font-family: 'VanitasBlack';color: #201745; font-size: 38px;margin-bottom: 0px; }
section.prod_single .prod_specs .specs span{ font-family: 'PlainBold'; font-size: 16px;color: #7f7f7f; }
section.prod_single .prod_specs .specs span.clrd{ color: #201745;  }
section.prod_single .prod_specs .specs ul{ padding:20px 0px 10px 0px; }
section.prod_single .prod_specs .specs ul li{ font-size: 13px; list-style: none; color: #5f5f5f; margin-bottom: 12px;}
section.prod_single .prod_specs .specs ul li span{ font-family: 'PlainReg'; font-size: 13px;color: #201745; }
section.prod_single .prod_specs .specs li a{     
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 80px;
    margin: 12px 5px 0px 0px; 
}

section.prod_single .prod_specs .specs li a.grey{  background:#e2e5e8;}
section.prod_single .prod_specs .specs li a.gold{ background:#c3b478; }

section.prod_single .prod_specs .specs p.note{color: #7f7f7f; font-size: 12px;  }



section.single_specs_menu{ border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; padding:10px 0px; }
section.single_specs_menu .prod_menu{ display: inline-block;width: 100%; padding: 10px 0px;  }
section.single_specs_menu .prod_menu h4{ font-family: 'PlainMed';color: #201745;font-size: 20px;line-height: 25px;margin-bottom: 0px; }
section.single_specs_menu .prod_menu .menu_list{text-align:right;  }
section.single_specs_menu .prod_menu .menu_list a{ color: #7f7f7f;font-size: 14px;padding: 15px 60px;display: inline-block; }
section.single_specs_menu .prod_menu .menu_list a:last-child{ padding-right: 0px; }
section.single_specs_menu .prod_menu .menu_list a.active{ color: #201745; font-family: 'PlainBold';}
section.single_specs_menu .prod_menu .menu_list a.dl{ color: #fff;  background:#201745; padding:12px 25px; }
section.single_specs_menu .prod_menu .menu_list a.dl i{margin-right: 5px;  }
section.single_specs_menu .prod_menu .menu_list a.dl img{ width: 20px; margin-right:5px; }

section.war_tech{  }

section.war_tech ul.specs{ column-count: 3; padding:0px;margin-bottom: 0;padding: 40px 0px; }
section.war_tech ul.specs li {color: #5f5f5f; font-size: 13px; list-style: none; margin-bottom:20px;  }

section.war_tech .tech_info{  }
section.war_tech .tech_info .panel-title{  }
section.war_tech .tech_info .panel-title a{  color: #323232;  font-family: 'PlainReg'; font-size: 16px;}

section.war_tech .tech_info .panel-body{border-top: none!important; padding:20px 0px!important;  }
section.war_tech .tech_info .panel-body p{ margin-bottom:20px!important;color: #7f7f7f; font-size: 13px; }
section.war_tech .tech_info .panel-body .nav-tabs{border:none;  padding-bottom: 30px;}
section.war_tech .nav-tabs>li>a:hover{border:none;  }
section.war_tech .tech_info .panel-body .nav-tabs li{ width: 20%;text-align: center;}
section.war_tech .tech_info .panel-body .nav-tabs li a{margin: 0;border: none;border-radius: 0px;color: #7f7f7f;  background:#ebe6d7; font-size: 14px;    padding: 13px 15px 15px 15px;}
section.war_tech .tech_info .panel-body .nav-tabs li.active a, section.war_tech .tech_info .panel-body .nav-tabs li:hover a{ color: #fff;  background:#201745; }

section.war_tech .tech_info .panel-body .tab-content{  }
section.war_tech .tech_info .panel-body .tab-content .tab-pane{  }
section.war_tech .tech_info .panel-body .tab-content .tab-pane p{  }

section.war_tech .tech_info #collapseOne .panel-body{ padding:0px 0px 20px 0px!important;   }

section.war_tech .tech_info .panel-body .tab-content .tab-pane p.note{  font-family: 'PlainMed';color: #7f7f7f; margin-bottom: 0px!important; }
section.war_tech .tech_info .panel-body .tab-content #tech_draw img{  width: 400px;display: block; margin: 0 auto; }

section.war_tech .tech_info .panel-body .tab-content .item{ display: inline-block; width: 25%; float: left;    padding: 60px 60px 40px 0px;  }
section.war_tech .tech_info .panel-body .tab-content .item img{  }
section.war_tech .tech_info .panel-body .tab-content .item p{color: #201745;  }


section.war_tech .tab-pane .item_wrap{ padding: 10px 75px 40px 60px; }
section.war_tech .tab-pane .it_em{  padding: 18px 0px;border-bottom: 1px solid #999;  }
section.war_tech .tab-pane .it_em p{ font-size: 14px; line-height: 20px;display: inline-block;padding-right: 80px;width: 80%;margin-bottom: 0px!important; }
section.war_tech .tab-pane .it_em p img{    float: left;margin-right: 12px;width: 20px; margin-top: 1px;  }
section.war_tech .tab-pane .it_em a.dl{ float: right;display: inline-block;    color: #7f7f7f; font-weight: bold; font-size: 14px;}





section.war_tech #accordion2 .panel-title a:before{content: "\f106"; left: auto; right: 0;color: #7f7f7f; font-size: 22px; }
section.war_tech #accordion2 .panel-title a.collapsed:before{ content: "\f107";  }
section.war_tech #accordion2 .panel-title a{ padding: 15px 0px;font-family: 'PlainBold'; }
section.war_tech .panel-default>.panel-heading{ border:none;background-color: transparent; padding:0px;    border-radius: 0px;border-bottom: 1px solid #7f7f7f; }
section.war_tech .panel-default>#headingTwo{ /*border-bottom: 1px solid #7f7f7f; */ }
section.war_tech .panel-default{ border:none;box-shadow: none; }


section.war_tech .relevant_contents{  }
section.war_tech .relevant_contents .item{ display: inline-block;width: 24%;float: left;padding: 40px 30px 40px 30px; border:1px solid transparent; }
section.war_tech .relevant_contents .item img{  }
section.war_tech .relevant_contents .item p{    color: #201745;  }
section.war_tech .relevant_contents .item  a{ display: inline-block; }
section.war_tech .relevant_contents .item:hover{     border: 1px solid #201745; }





/*######### prod_single ends #############*/


/*######### product_filter starts #########*/
section.product_filter{  }
section.product_filter .bg{  
    background-size: cover!important;
    background-position:center center!important;
    height: 340px;
    margin-bottom: 30px;
}

section.product_filter .bg h3{font-family: 'OptimaReg';color: #fff;font-size: 50px; line-height: 48px;text-align: center;padding-top: 140px;  }

section.product_filter .filter_frm{ background:#f5f2eb; text-align:center; padding:20px 15px;  }
section.product_filter  form .filter_frm{  }
section.product_filter .filter_frm select{ padding:0px 15px; font-size: 13px; background:transparent; border:1px solid #ccc; height: 40px; color: #201745; margin:0px 5px;outline: none; border-radius: 0px;   }
section.product_filter .filter_frm select.sort{width: 21%;}
section.product_filter .filter_frm select.filter{width: 18%;  }
section.product_filter .filter_frm button.clr{color: #201745; border:none; background:transparent; outline: none;  }


section.product_filter .list_wrap{display: inline-block;width: 100%; padding: 30px 0px;  }
section.product_filter .list_wrap .dis_list{border-bottom:1px solid #201745;    margin-bottom: 40px;}
section.product_filter .list_wrap .dis_list p{color: #201745;font-size: 12px; margin-bottom: 7px;  }

section.product_filter .list_wrap .item{ 
    text-align:center;    
    float: none;
    display: inline-block;
    width: 24%;
    vertical-align: top;
}

section.product_filter .list_wrap .item a { display: inline-block; padding:30px 15px;border:1px solid transparent;  }
section.product_filter .list_wrap .item a:hover{ border:1px solid #201745;}
section.product_filter .list_wrap .item img{ width: 260px;}  
section.product_filter .list_wrap .item p{font-family: 'PlainBold'; font-size: 16px; color: #201745;  }
section.product_filter .list_wrap .item span{ color: #7f7f7f; font-size: 12px; }


section.product_filter .load_more{ text-align:center; display: inline-block;width: 100%; padding: 40px 0px;}
section.product_filter .load_more a{color: #201745; border-bottom:1px solid #201745; font-size: 14px; letter-spacing: 1px; }


.ch_filter_wrap{ background: #F8F8F8;padding:20px 40px; }
.ch_filter_wrap .nav-tabs{ text-align:center; border-bottom:none; }
.ch_filter_wrap .nav-tabs li{ float: none;display: inline-block; margin:0px; padding:10px 60px; }
.ch_filter_wrap .nav-tabs li a{  margin: 0;border: none;color: #201745; padding:0px;}
.ch_filter_wrap .nav-tabs li.active{  }
.ch_filter_wrap .nav-tabs li.active a{ border-bottom: 1px solid; background-color: transparent;color: #201745;  font-family: 'PlainBold'; }


.ch_filter_wrap .tab-content{padding:30px 40px;  }
.ch_filter_wrap .tab-content .tab-pane{ text-align: center; }
.ch_filter_wrap .tab-content .tab-pane p{  }
.ch_filter_wrap .tab-content .tab-pane fieldset{  }
.ch_filter_wrap .tab-content .tab-pane fieldset input[type="checkbox"]{
    float: left;
}

.ch_filter_wrap .tab-content .tab-pane fieldset label {margin-bottom: 30px;display: inline-block; padding: 0px 70px;  vertical-align: top;}
.ch_filter_wrap .tab-content .tab-pane fieldset label img{ width: 104px; margin-left:10px; }
/*######### product_filter ends ############*/


/*########## projects_hero starts ##########*/
section.projects_hero{  }
section.projects_hero .proj_hero_slider{  }
section.projects_hero .bg{ 
    height: 700px;
    background-size: cover!important;
    background-position: center center!important;
    text-align:center;
    padding:350px 0px;
    outline: none;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.3)!important;

}

section.projects_hero .wrapper{  }
section.projects_hero .wrapper h1{ font-size: 50px; line-height: 55px; font-family: 'OptimaReg'; color: #fff; }

section.projects_hero .scroll a{ border-top: 1px solid #fff; color: #fff;  }

section.projects_hero .slick-arrow{  
    position: absolute;
    z-index: 10;
    font-size: 25px;
    color: #fff;
    right: 260px;
    bottom: 70px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    padding-top: 1px;
}

section.projects_hero .left-arrow{  }
section.projects_hero .right-arrow{ right: 220px;}

section.projects_hero .left-arrow:before{     
    position: relative;
    left: -1.5px;
    top: -1.5px; 
}

section.projects_hero .right-arrow:before{     
    position: relative;
    left: 2.5px;
    top: -1.5px; 
}
/*########## projects_hero ends ###########*/


/*########### cstm_proj starts #############*/
section.cstm_proj{  }
section.cstm_proj .bg{  
    height: 700px;
    background-size: cover!important;
    background-position: center center!important;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.2)!important;
    outline: none;
    margin:-1px;
}

section.cstm_proj .desc{  outline: none;}
section.cstm_proj .desc span{ color: #000; display: inline-block; margin-bottom: 40px; font-size: 13px; }
section.cstm_proj .desc h4{font-family: 'PlainBold'; font-size: 18px; color: #201745; line-height: 22px; margin-bottom: 25px; text-transform: uppercase; }
section.cstm_proj .desc p{ column-count: #7f7f7f;font-size: 13px; }

section.cstm_proj .slick-arrow{ width: 25px;  position: absolute;right: 0;top: 0; cursor: pointer;}
section.cstm_proj .a-left{ right: 45px;z-index: 10; }
section.cstm_proj .a-right{  }
section.cstm_proj .nav_wrapper{position: absolute;margin-top: -350px;background: #fff;width: 100%;padding: 20px;  }


.proj_nav{opacity: 0;  }
.proj_nav  .wrapper{  
    position: fixed;
    z-index: 1;
    right: 100px;
    text-align:right;
    bottom: 0;
    top: 150px;
    width: 15%;
}

.proj_nav .wrapper a{
    display: block;
    font-family: 'Plainmed';
    color: #fff;
    padding: 0px 10px 30px 0px;
    /*border-right: 1px solid #fff;*/
    margin: 5px 0px;
}

.proj_nav .wrapper a span.indicator{  }
.proj_nav .wrapper a.active{ }
.proj_nav .wrapper a.active img.ac_img{ margin-top: 3px;  margin-right: -50px; margin-left:10px; display: inline-block; width: 40px; }
.proj_nav .wrapper a.active span.border{  margin-top: 45px;}
.proj_nav .wrapper a.active img.norm_img{  
    display: none;
}

.proj_nav .wrapper a img.ac_img{ display: none; }
.proj_nav .wrapper a img{ margin-right:-35px; margin-left:10px; margin-left:30px; width: 13px; }
.proj_nav .wrapper a span.border{  
    display: inline-block;
    height: 34px;
    border-right: 1px solid #fff;
    position: absolute;
    right: -19px;
    margin-top: 22px;
}
/*########## cstm_proj ends ###############*/


/*############ showrooms starts ###########*/
section.showrooms{ padding: 70px 0px;  }
section.showrooms .wrapper {  }
section.showrooms .intro{  }
section.showrooms .intro h1{     
    font-family: 'OptimaReg';
    color: #201745;
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 70px;
    text-align: center; 
}

section.showrooms .loca_tion{ border-top: 1px solid #201745; padding:40px 0px; }
section.showrooms .loca_tion h4{    color: #989898;font-family: 'PlainReg';  }
section.showrooms .loca_tion p{ color: #989898; font-size: 13px; }
section.showrooms .loca_tion form{ margin-bottom: 15px;  padding-top: 40px;}
section.showrooms .loca_tion form input{ width: 84%; font-size: 13px; display: inline-block; height: 44px;margin-right:5px;  }
section.showrooms .loca_tion input[type="submit"]{
    background:#201745;
    width: 15%;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 10px;
    margin-right:0px;
}

section.showrooms .loca_tion #map{ height: 600px; width: 100%; }
section.showrooms .loca_tion #map h4{ font-size: 16px; line-height: 22px; text-align: center;color: #201745;    margin-bottom: 0px; }


section.showrooms .info_box { 
    border:1px solid #CCC;  
    width: 390px;
    height: 500px;
    overflow-y: scroll;
    background: #fff;
    position: absolute;
    margin-left:40px; 
    margin-top:-590px;
}

section.showrooms .info_box .item{padding: 30px 20px;display: inline-block;width: 100%;border-bottom: 1px dashed #999; }
section.showrooms .info_box .item:last-child {border-bottom: none;}
section.showrooms .info_box .item img.marker{float: left; width: 22px;  }
section.showrooms .info_box .desc{ padding-left: 40px; }
section.showrooms .info_box .desc h5{ font-family: 'PlainBold';color: #201745;font-size: 16px;margin-bottom: 15px; }
section.showrooms .info_box .desc h5 a{ color: #201745; }
section.showrooms .info_box .desc p{ color: #999; font-size: 13px; }
section.showrooms .info_box .desc p a{ color: #999; }
section.showrooms .info_box .avail{ display: inline-block;width: 50%;float: left; }
section.showrooms .info_box .avail h6{color: #201745;font-size: 15px;font-family: 'PlainMed';margin-bottom: 0px;  }
section.showrooms .info_box .avail span{ color: #999; font-size: 14px; }

section.showrooms .info_box::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(32,23,69,0.3);background-color: #fff;}
section.showrooms .info_box::-webkit-scrollbar{width: 6px;background-color: #201745;}
section.showrooms .info_box::-webkit-scrollbar-thumb{background-color: #201745;}
/*############ showrooms ends #############*/


/*############ Brands starts #############*/
section.main_brands{ padding-bottom: 80px; }
section.main_brands .bg{  }
section.main_brands .bg h3{  }

section.main_brands .wrapper{margin-left: -6px; margin-right: -6px;  }
section.main_brands .wrapper .item{ 
	display: inline-block; 
	width: 15.3%;  
	vertical-align: top;
	margin: 15px 6px;
}

section.main_brands .wrapper .item img{ vertical-align:middle; }
section.main_brands .wrapper .item .spacer{ display: inline-block;height: 100%;vertical-align: middle; }



/*############ Brands ends ###############*/


/*############ footer starts #############*/


/*############ footer ends ###############*/




/*####### mobile queries ##################*/
@media (min-width:1200px){
   .container{ width: 1270px; }
}

@media (min-width:992px){
    
}

@media (max-width: 1440px){  
  section.home_hero .bg{ height: 700px; }
  section.home_hero .slick-arrow{  right: 190px; }
  section.home_hero .right-arrow{ right: 150px;}


}

@media (max-width: 1366px){
    
    
}


@media (max-width: 1024px){
    nav.m_header .search{ width: 58%; }

    /*##### homepage starts #####*/
    section.home_intro .wrapper p{ font-size: 27px;line-height: 32px; }
    /*##### homepage ends #####*/


    /*##### about starts #####*/
    section.a_intro .wrapper p{ font-size: 26px; line-height: 37px; }
    section.a_grid .wrapper .bg{ height: 475px; }
    section.a_grid .desc{ padding: 60px 60px; }
    section.a_featured .bg{ height: 560px; }
    /*##### about ends #####*/


    /*##### single product starts #####*/
    section.prod_single .prod_specs img.ftrd{ width: 290px; }
    section.prod_single .prod_specs .specs{ padding-top: 40px; }
    section.prod_single .prod_specs .specs h3{ font-size: 30px; }

    section.single_specs_menu .prod_menu .menu_list a{  padding: 15px 20px; }
    /*##### single product ends #####*/


    /*##### products-filter starts #####*/
    .ch_filter_wrap .tab-content .tab-pane fieldset label{     padding: 0px 35px; }
    /*##### products-filter ends ######*/


    /*############ brands starts #####*/
    section.main_brands .wrapper .item{ width: 15%; }

    /*############ brands ends #####*/

}


@media(max-width: 991px){
    nav.m_header .navbar-brand img{ width: 170px; }
    nav.m_header .search{ width: 48%; }
    .navbar-right{ padding-top: 34px; }

    .menu_drop .item{ display: inline-block; width: 100%; padding-right: 0px; }

    /*##### homepage starts #####*/
    section.home_hero .logo_ftrd img{ width: 200px; }
    section.home_hero .desc h1{ font-size: 34px; line-height: 43px; }
    section.home_intro .wrapper p{ font-size: 24px;line-height: 30px;width: 90%; }
    section.home_intro .cou_nt .item{ padding: 0px 40px; }

    section.h_featured .wrapper .ftrd1, section.h_featured .wrapper .ftrd2, section.h_featured .wrapper .ftrd3, section.h_featured .wrapper .ftrd4{ width: 50%; float: left; height: 280px; }

    footer .sections{padding-top: 40px; }
    .back_top{  margin-top: -35px; }
    /*##### homepage ends #####*/


    /*##### about starts #####*/
    section.a_intro .wrapper{ padding: 60px 60px; }
    section.a_intro .wrapper br{ display: none; }
    section.a_grid2 .desc{ padding-top: 0px; }
    section.a_grid .wrapper{ padding: 0px 15px;   }

    section.a_featured{  padding: 100px 0px 6px 0px; }
    section.a_featured .wrapper{ padding: 0px 15px; }
    /*##### about ends #####*/


    /*##### contact starts #####*/
    section.c_frm .wrapper{  padding: 45px 40px; }
    section.c_intro .intro h1{ margin-bottom: 35px; }
    /*##### contact ends #####*/


    /*##### projects starts #####*/
    section.projects_hero .slick-arrow{ right: 105px; }
    section.projects_hero .right-arrow{  right: 60px; }

    section.cstm_proj .bg{ height: 560px; }
    section.cstm_proj .nav_wrapper{ width: 65%; }
    .proj_nav .wrapper{ right: 65px;  width: 20%; }
    /*##### projects ends #####*/


    /*##### showroom starts #####*/
    section.showrooms .loca_tion input[type="submit"]{ width: 18.8%; }
    section.showrooms .loca_tion form input{ width: 80%; }

    section.showrooms .info_box{margin-left: 9px; }
    /*##### showroom ends #####*/


    /*##### single product starts #####*/
    section.prod_single .prod_specs img.ftrd{ width: 245px; }
    section.prod_single .prod_specs .specs h3{ font-size: 28px; }

    section.single_specs_menu .prod_menu .menu_list a{  padding: 15px   12px; }

    section.war_tech .tech_info .panel-body .nav-tabs li a{ height: 68px; height: 68px;display: table-cell;vertical-align: middle;width: inherit; }
    /*##### single product ends #####*/


    /*##### products-filter starts #####*/
    .ch_filter_wrap .tab-content .tab-pane fieldset label{     padding: 0px 20px; }
    /*##### products-filter ends #####*/

    /*############ brands starts #####*/
    section.main_brands{ padding-bottom: 0px; }
    section.main_brands .wrapper .item{ width: 22.9%; }

    /*############ brands ends #####*/




}

@media (max-width: 768px){

}



@media (max-width: 736px){


}

@media(max-width: 667px){


}

@media(max-width: 640px){
   

}

@media(max-width: 568px){
 

}

@media (max-width: 480px){
	section.miniheader .m_right{ text-align: center; }
    nav.m_header{ margin-bottom: 20px!important; }
    .navbar-inverse .navbar-toggle{ border:none;    margin-right: 0;padding: 9px 0px; }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:transparent; }
    .navbar-inverse .navbar-toggle .icon-bar{ background-color: #201745; }
    nav.m_header .navbar-brand img{ width: 180px; }
    nav.m_header .navbar-brand{ padding-left: 0px; }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:none; }

    .navbar-right{ width: 100%; text-align: center; margin:0px;}
    nav.m_header .search{ width: 100%;text-align: center; margin-bottom: 15px; }

    .navbar-inverse .navbar-left li:first-child a{ padding-left: 10px; }
    .navbar-inverse .navbar-nav>li>a{ padding:15px 10px;  }
    .navbar-inverse .navbar-left{ margin: 0px; text-align: center; }

    .navbar-nav .open .dropdown-menu{ position: absolute;background-color: #fff; }
    #dp_menu a{ width: 55%;line-height: 12px; }
    #dp_menu .dropdown-submenu>.dropdown-menu{ left: 70%; }
    .brochure_wrapper .broc_hure{  padding-top: 15px; }

    #dp_menu .dropdown-submenu>.dropdown-menu li a img{ height: 30px; }
    #dp_menu .dropdown-submenu:nth-child(2) .dropdown-menu li a img{ height: 30px; margin-bottom: 5px; }


    /*##### homepage starts #####*/
    section.home_hero .logo_ftrd img{ width: 150px; }
    section.home_hero .desc{ padding-top: 115px;width: 100%; }
    section.home_hero .desc h1 { font-size: 32px;line-height: 36px;}

    section.home_hero .bg{ height: 500px; }
    .scroll a{  padding: 0px 0px 0px 100px; }

    section.home_intro .wrapper p{padding-top: 90px; }

    section.home_intro .cou_nt .item{padding: 0px 20px 25px 20px;text-align: center; }
    section.home_intro .item h4 span{ font-size: 30px; }
    section.home_intro .item h4{ font-size: 55px; }

    section.h_featured{ padding: 0px 0px 0px 0px; }
    section.h_featured .intro h3{ font-size: 28px;line-height: 35px; }
    section.h_featured .intro h3 a.view{ font-size: 12px; padding-top: 5px; }
    section.h_featured .wrapper .ftrd1, section.h_featured .wrapper .ftrd2, section.h_featured .wrapper .ftrd3, section.h_featured .wrapper .ftrd4{ width: 100%; }
    /*##### homepage ends #####*/


    /*##### footer starts #####*/
    footer{  padding: 150px 0px 20px 0px; }
    footer a.ftr_logo img{ /*width: 210px; */}
    footer .wrapper p{ width: 100%; }
    footer .sections ul{ column-gap: 70px; }

     footer .add_ress span{ width: 49%!important; }
     footer .add_ress span:nth-child(1){ width: 100%!important;display: block; }
     footer .add_ress span:nth-child(3){ padding-left: 15px; }
    /*##### footer ends ######*/


    /*##### about starts #####*/
    section.a_intro .wrapper{ padding: 40px 20px; }
    section.a_intro .wrapper p{ font-size: 24px;line-height: 32px; }

    section.a_grid{padding: 0px 0px 10px 0px; }
    section.a_grid .wrapper .bg{ height: 275px; }
    section.a_grid .desc{ padding: 30px 0px; }
    section.a_grid .desc h4{ font-size: 30px;line-height: 36px; }

    section.a_grid2 .desc{ padding-top: 0px; }
    section.a_grid .desc .nav-tabs li a{ font-size: 30px; }

    section.a_featured{ padding: 60px 0px 6px 0px; }
    section.a_featured .bg{ height: 360px; }
    section.a_featured .desc{ width: 100%;padding: 30px 0px; }
    section.a_featured .desc h4{ font-size: 30px;line-height: 35px; }
    /*##### about ends #######*/


    /*##### contact starts #####*/
    section.c_intro{ padding: 40px 0px 20px 0px; }
    section.c_intro .intro h1{  font-size: 34px; line-height: 40px;  margin-bottom: 20px; }

    section.c_frm .wrapper{ padding: 45px 15px 0px 15px; }
    section.c_frm .wrapper form fieldset select{ width: 100%; }
    section.c_frm .wrapper form fieldset.half_input input{ margin-bottom: 10px; width: 100%; }
    section.c_frm .wrapper form fieldset.half, section.c_frm .wrapper form fieldset.message, section.c_frm .wrapper form fieldset.sub_mit{ width: 100%; }
    /*##### contact ends #####*/


    /*##### projects starts #####*/ 
    section.projects_hero .bg{ height: 300px;     padding: 150px 0px 205px 0px;}
    section.projects_hero .wrapper h1{ font-size: 40px;line-height: 47px; }

    section.cstm_proj .slick-arrow{ width: 19px; }
    section.cstm_proj .a-left{ right: 30px; }
    section.cstm_proj .desc h4{ font-size: 14px;line-height: 18px; }
    .proj_nav .wrapper a{ font-size: 12px; }
    .proj_nav .wrapper{ right: 55px;  width: 32%; }
    /*##### projects ends #####*/


    /*##### showroom starts #####*/
    section.showrooms{ padding: 40px 0px; }
    section.showrooms .intro h1{ font-size: 30px;line-height: 40px;margin-bottom: 35px; }

    section.showrooms .loca_tion form input { width: 100%; margin-bottom: 10px; }
    section.showrooms .loca_tion input[type="submit"]{ width: 100%; }

    section.showrooms .info_box{ width: 95%;position: initial; margin-top: 0px; }
    #ez-map{ height: 350px!important; }
    /*##### showroom ends #####*/


    /*##### single product starts #####*/
    .breadcrumb li{ font-size: 11px; }
    .breadcrumb{ padding-bottom: 10px; }
    .sha_re{ text-align: left;padding-top: 10px; }
    section.prod_single .prod_specs img.ftrd{ width: 215px; }

    section.single_specs_menu .prod_menu .menu_list{ text-align: left;padding-top: 10px; display: none; }
    section.single_specs_menu .prod_menu .menu_list a:nth-child(1){ padding-left: 0px; }

    section.war_tech .tech_info .panel-body .tab-content .item{ width: 50%;padding: 20px; }
    section.war_tech .tech_info .panel-body .nav-tabs li{ width: 100%; }
    section.war_tech .tech_info .panel-body .nav-tabs li a{ display: block;height: auto; }


    section.war_tech .tab-pane .item_wrap{padding: 10px 5px 40px 5px;  }
    section.war_tech .tab-pane .it_em{ position: relative; }
    section.war_tech .tab-pane .it_em p{ padding-right: 34px; padding-left: 35px; }
    section.war_tech .tab-pane .it_em p img{ position: absolute;left: 0px; }
    section.war_tech .tab-pane .it_em a.dl{ position: absolute; top: 16px; }

    section.war_tech .relevant_contents .item{ padding: 20px 30px 20px 30px; width: 50%; }
    /*##### single product ends #####*/


    /*##### products-filter starts #####*/
    section.product_filter .bg{ height: 270px; margin-bottom: 15px; }
    section.product_filter .bg h3{  padding-top: 110px; font-size: 40px; line-height: 42px; }

    section.product_filter .filter_frm select.filter{ width: 97%; margin-top: 10px; }
    section.product_filter .filter_frm select.sort{ width: 97%; }
    section.product_filter .filter_frm button.clr{ margin-top: 10px; }

    .ch_filter_wrap{ padding: 20px 20px; }
    .ch_filter_wrap .nav-tabs li{ padding: 10px 15px; }
    .ch_filter_wrap .tab-content{ padding: 30px 10px; }

    .ch_filter_wrap .tab-content .tab-pane fieldset label{ padding: 0px 0px; }
    .ch_filter_wrap .tab-content .tab-pane fieldset { text-align: left; }

    section.product_filter .list_wrap .item{ width: 50%; float: left; height: 272px; }
    /*##### products-filter ends #####*/


    /*##### careers starts #####*/
    section.careers{ padding: 40px 0px; }
    section.careers .intro{ padding-bottom: 0px; }
    section.careers .intro h1{ font-size: 30px;line-height: 40px;margin-bottom: 35px; }

    /*##### careers ends #####*/


    /*############ brands starts #####*/
    section.main_brands .wrapper .item{ width: 28.9%;     margin: 6px 6px;}

    /*############ brands ends #####*/









}

@media(max-width: 375px){
  
}

@media(max-width: 360px){
   
}

@media(max-width: 320px){
   

}
/*####### mobile queries ends #################*/
  