/****************************************************************************************/
/************************************* Main Header **************************************/
/****************************************************************************************/ 


/*Large screens navbar*/
@media (min-width: 1200px){
    .main-header{
        /*position:relative;  */
        left:0px; 
        top:0px; 
        z-index:1000; 
        width:100%; 
        transition:all 500ms ease; 
        -moz-transition:all 500ms ease; 
        -webkit-transition:all 500ms ease;  
        -ms-transition:all 500ms ease; 
        -o-transition:all 500ms ease;
    }

    .main-header ul, 
    .main-header li{
        list-style:none; 
        padding:0px; 
        margin:0px;    
    }


    .searchbar{
      position: relative;
    }

    .searchbar input[type="text"]{
      border: 0;
      padding: 0 10px;
      width: 350px;
      height: 35px;
      border-radius: 3px;
      transition: all 0.3s ease;
    }

    .searchbar .icon{
      position: absolute;
      top: 0;
      background: #121f28;
      right: -1px;
      width: 35px;
      height: 100%;
      border-radius: 0 3px 3px 0;
      color: #fff;
      transition: all 0.5s 0.3s ease;
    }

    .searchbar .icon i{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      cursor: pointer;
    }

    .searchbar .icon.active{
      background: #062333;
      transition: all 0.3s ease;
    }

    .searchbar input{
        font-size: 14px;
    }

    .searchbar input:hover,
    .searchbar input:focus{
        border: 0;
        outline: 0;
    }

    .searchbar input[type="text"].active{
      width: 0px;
      padding: 0 10px;
      transition: all 0.5s 0.2s ease;
    }


    .active2{
        background: #bebebe1c !important;
    }

    .main-header .logo-outer{
        position:relative;  
        z-index:25; 
        padding:10px 0px
    }

    .main-header .logo-outer .logo img{
        position:relative; 
        display:inline-block;   
        max-width:100%;
    }

    .main-header .header-lower{
        position:static; 
        top:0px; width:100%; 
        z-index:5; 
        /*background:#424141;*/
        background: #002e5b;
    }

    .main-header .header-lower:before{
        content:''; 
        width:46%; 
        height:100%; 
        background:#ECECEC; 
        position:absolute; 
        top:0; 
        left:-338px;
    }

    .main-header .header-lower:after{
        content:''; 
        position:absolute; 
        top:0; 
        left: 46%;
        width:0; 
        height:0; 
        margin-left:-375px; 
        height:100%;
         width:70px; 
         background:#ECECEC; 
         transform:skewX(24deg);
    }

    .sticky-header:before{
        content:''; 
        width:46%;  
        height:100%; 
        background:#bebebe; 
        position:absolute; 
        top:0; 
        left:-338px;
    }

    .sticky-header:after{
        content:'';
        z-index: -1;
        position:absolute; 
        top:0; 
        left:46%; 
        width:0; 
        height:0; 
        margin-left:-375px; 
        height:100%; 
        width:70px; 
        background:#bebebe; 
        transform:skewX(24deg);
    }

    .main-menu .navbar-header{
        z-index:1000; 
        position:relative;
    }

    .main-menu .navbar-collapse {
        float:left; 
        /*padding:0 0 0 60px;*/
    }

    .main-header .btn-box{
        float:right;
    }

    .main-menu .navigation>li{
        position:relative; 
        float:left;
    }

    .main-menu .navigation>li>a{
        /*font-family: 'Montserrat', sans-serif;*/
        font-family: 'Poppins', sans-serif;
        position:relative; 
        display:block; 
        font-size:15px; 
        color:#fff; 
        line-height:14px; 
        font-weight:400; 
        letter-spacing:0.5px; 
        opacity:1; 
        text-transform:capitalize; 
        /*padding:25px 17px; */
        padding:18px 11px; 
        transition:all 500ms ease; 
        -moz-transition:all 500ms ease; 
        -webkit-transition:all 500ms ease; 
        -ms-transition:all 500ms ease; 
        -o-transition:all 500ms ease;
    }



    .hvr-link{
        display:inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .hvr-link:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #bebebe;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-link:hover, 
    .hvr-link:focus, 
    .hvr-link:active{
        color: #000 !important;
    }

    .hvr-link:hover:before, 
    .hvr-link:focus:before, 
    .hvr-link:active:before{
        -webkit-transform: scaleY(1); 
        transform: scaleY(1);
    }




    .main-header .sticky-header .main-menu .navigation>li>a{
        font-family: 'Poppins', sans-serif;
        color:#fff; 
        padding:28px 11px !important; 
        line-height: 14px;
        font-size:15px; 
        font-weight:400; 
        letter-spacing: .5px;
        min-height:0px; 
        background:none; 
        border:0px;
    }

    .main-header .main-menu .navigation>li.dropdown>a:after{
        display:inline-block; 
        width:0; 
        height:0; 
        margin-left:.3em; 
        vertical-align:middle; 
        content: ""; 
        border-top:.3em solid;
        border-right:.3em solid transparent; 
        border-left:.3em solid transparent;
    }


    .profile-dropdown .inner-container{
        padding: 0;
        margin: 0;
    }


    .profile-dropdown .inner-container .navbar-img-container{
        text-align: center;
        padding: 20px 0;
        background-color: #121f28;
    }


    .profile-dropdown .inner-container .navbar-img-container h2{
        color: #FFF;
        font-size: 16px;
        margin-top: 3px;
    }

    .profile-dropdown .inner-container .navbar-img-container p{
        margin-bottom: 0;
        color: #bdbcbc;
        font-size: 12px;
    }

    .profile-dropdown .inner-container .buttons{
        overflow: hidden;
        padding: 10px 20px;
        background: #f9f9f9;
    }


    .profile-dropdown .inner-container .buttons a{
      color: #000 !important;
      font-size: .8em;
      padding: 2px 10px;
      display: inline-block !important; 
      background: #f9f9f9 !important;
      color: #666;
      border: 1px solid #666;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }

    .fixed-header .sticky-header{
        background: #002e5b;
        z-index:999; 
        opacity:1; 
        visibility:visible; 
        -ms-animation-name:fadeInDown; 
        -moz-animation-name:fadeInDown; 
        -op-animation-name:fadeInDown; 
        -webkit-animation-name:fadeInDown;
         animation-name:fadeInDown; 
         -ms-animation-duration:500ms; 
         -moz-animation-duration:500ms; 
         -op-animation-duration:500ms; 
         -webkit-animation-duration:500ms; 
         animation-duration:500ms; 
         -ms-animation-timing-function:linear; 
         -moz-animation-timing-function:linear; 
         -op-animation-timing-function:linear; 
         -webkit-animation-timing-function:linear; 
         animation-timing-function:linear; 
         -ms-animation-iteration-count:1; 
         -moz-animation-iteration-count:1; 
         -op-animation-iteration-count:1; 
         -webkit-animation-iteration-count:1; 
         animation-iteration-count:1;
    }

    .sticky-header{
        position:fixed; 
        opacity:0; 
        visibility:hidden; 
        left:0px; 
        top:0px;    
        width:100%; 
        padding:0px 0px; 
        background:#424141; 
        z-index:0; 
        transition:all 500ms ease; 
        -moz-transition:all 500ms ease; 
        -webkit-transition:all 500ms ease; 
        -ms-transition:all 500ms ease; 
        -o-transition:all 500ms ease;
         box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.07);
    }

    .sticky-header .logo{
        padding:10px 0px;
    }

    .main-menu .navigation>li:hover>a, 
    .main-menu .navigation>li.current>a, 
    .main-menu .navigation>li.current-menu-item>a{
        color:#fff; 
        opacity:1;
    }

    .main-header .sticky-header .main-menu .navigation>li:hover>a, 
    .main-header .sticky-header .main-menu .navigation>li.current>a, 
    .main-header .sticky-header .main-menu .navigation>li.current-menu-item>a{
        color:#fff; 
        opacity:1; 
    }

    .main-menu .navigation>li:hover>a:after{
        opacity:1;
    }

    .main-menu .navigation>li>ul{
        position:absolute;  
        left:0px; 
        top:100%;   
        /*width:250px; */
        width: 300px;
        padding:0px; 
        z-index:100; 
        display:none; 
        background:#ffffff; 
        /*border-top:2px solid #fcb80b;    */
        /*border-bottom:2px solid #fcb80b; */
        transition: all 500ms ease; 
        -moz-transition:all 500ms ease; 
        -webkit-transition:all 500ms ease; 
        -ms-transition:all 500ms ease; 
        -o-transition:all 500ms ease; 
        -webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
        -ms-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
         -o-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
         -moz-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
         box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    }

    .main-menu .navigation>li>ul>li{
        position:relative; 
        width:100%; 
        color:#fff; 
        /*background-color:#222222; */
        background-color: #121f28;
        border-bottom:1px solid #434343;
        padding: 10px 20px;
        transition:all 500ms ease; 
        -moz-transition:all 500ms ease; 
        -webkit-transition:all 500ms ease; 
        -ms-transition:all 500ms ease; 
        -o-transition:all 500ms ease;         
    }

    .main-menu .navigation>li>ul>li:last-child{
        border-bottom:none;
    }

    .main-menu .navigation>li>ul>li>a{
        position:relative; 
        display:inline-block; 
        /*padding:10px 20px; */
        line-height:24px; 
        font-weight:400; 
        font-size:13px; 
        color:#fff; 
        text-align:left; 
        text-transform:capitalize; 
        transition:all 500ms ease; 
        -moz-transition:all 500ms ease; 
        -webkit-transition:all 500ms ease; 
        -ms-transition:all 500ms ease; 
        -o-transition:all 500ms ease; 

    }


    .main-menu .navigation>li>ul>li>a:after {
      display:block;
      content: '';
      border-bottom: solid 1px #ffad18;  
      transform: scaleX(0);  
      transition: transform 250ms ease-in-out;        
    }

    .main-menu .navigation>li>ul>li:hover{
        /*padding-left: 30px;*/
    }

    .main-menu .navigation>li>ul>li:hover>a:after{
        transform: scaleX(1);
        transform-origin:  0% 50%;
    }

    .main-menu .navigation>li>ul>li>ul{
        position:absolute; 
        left:100%; 
        top:0px; 
        width:250px; 
        padding:0px; 
        z-index:100; 
        display:none; 
        background:#1c1c1c; 
        border-top:2px solid #fcb80b; 
        -webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
        -ms-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
        -o-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
        -moz-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); 
        box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    }

    .main-menu .navigation>li>ul>li>ul>li{
        position:relative; 
        width:100%; 
        border-bottom:1px solid #000;
    }

    .main-menu .navigation>li.dropdown:hover>ul{
        visibility:visible; 
        opacity:1;  
        display: block;
        top:100%;
    }

    .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{
        position:absolute;  
        right:10px; 
        top:6px; 
        width:34px; 
        height:30px; 
        border:1px 
        solid #ffffff;  
        text-align:center; 
        font-size:16px; 
        line-height:26px; 
        color:#ffffff; 
        cursor:pointer; 
        z-index:5;  
        display:none;
    }

    .main-header .btn-box .brochure-btn{
        position:relative; 
        line-height:36px; 
        color:#000; 
        font-size:14px; 
        font-weight:600; 
        padding:5px 40px; 
        background-color:#ffffff; 
        text-transform: capitalize;
    }

    .main-header .btn-box .brochure-btn:hover{
        color:#fff;
    }

    .main-header .header-top{
        position:relative;  
        /*background-color:#000;*/
        background-color:#121f28;
        padding: 10px 0;
    }


    .main-header .header-top .slogan{
        margin: 0;
        position: relative;
        top: 2px;
        font-size:14px; 
        text-align:center;
        color:#d6d6d6;
        line-height: 54px;
    }

    .main-header .header-top .top-right{
        text-align:right; 
        margin-top:7px;
    }


    .login-btn{
        float:left; 
        width:80px;
    }

    .login-btn a:hover,
    .register-btn a:hover{
        color: #fcb80b;
    }

    .login-btn .btn{
        line-height: 27px;
        font-size:14px; 
        color:#d6d6d6; 
        text-decoration:none;
        padding:0px; 
        background-color:transparent; 
        border-color:transparent; 
    }


    .login-btn .btn,
    .register-btn .btn{
        line-height: 27px;
    }

    .login-btn .btn:hover, 
    .login-btn .btn:focus{
        background:none; 
        outline:none; 
        outline-offset:inherit;
    }



    .register-btn .btn{
        font-size:14px; 
        color:#d6d6d6; 
        text-decoration:none; 
        padding:0px; 
        background-color:transparent; 
        border-color:transparent; 
    }

    .register-btn .btn:hover, 
    .register-btn .btn:focus{
        background:none; 
        outline:none; 
        outline-offset:inherit;
    }



    .register-links{
        list-style:none; 
        margin-bottom:0px; 
        padding-top:4px;
    }

    .register-links li{
        display:inline-block; 
        margin: 0px 20px 0px 0px; 
        color:#fff;
    }

    .register-links li a{
        color: #fff; 
        font-weight:500; 
        text-decoration:none; 
        font-size:14px
    }

    .register-links li a i{
        margin-right:5px;
    }

    .top-social-icons{
        list-style:none; 
        text-align:right;
        float:right; 
    }

    .top-social-icons li{
        display:inline-block; 
        padding:0 1px;
    }

    .top-social-icons li a{
        text-decoration:none; 
        font-size:22px;
    }


    .top-social-icons li a i{
        line-height: 54px;
    }

    .top-social-icons li:nth-child(1) a{
        color:#3a7ae6;
    }

    .top-social-icons li:nth-child(2) a{
        color:#33ccff;
    }

    .top-social-icons li:nth-child(3) a{
        color:#dc4a38;
    }

    .top-social-icons li:nth-child(4) a{
        color:#0274b3;
    }

    .top-social-icons li:nth-child(5) a{
        color:#41b2dc;
    }




     
    @media screen and (max-width: 991px) {
        .main-header .header-lower .container .col-md-5  {
            padding: 0px !important;
            margin: 0px !important;
            background: #fcb80b;
        }
    }
        
        
         


}





/* Small screens navbar */
@media (max-width: 1199px){

    ul,
    li {
        list-style: none;
        margin: 0;
        padding: 0;
    }





    a,
    a:hover{
        text-decoration: none;
    }

    .main-menu-box{
        position: relative;
        display: block;       
    }


    .main-menu {
        position: relative;
        display: inline-block;
        float: left;
    }
    .main-menu .navbar-collapse {
        padding: 0px
    }
    .main-menu .navigation {
        position: relative;
    }
    .main-menu .navigation > li {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 35px;
    }
    .main-menu .navigation > li:last-child{
        margin-right: 0;
    }
    .main-menu .navigation > li > a {
        position: relative;
        display: block;
        color: #27282c;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        opacity: 1;
        padding: 39px 0px 37px;
        transition: all 300ms ease;
        font-family: 'Rubik', sans-serif;
    }
    .main-menu .navigation > li:hover > a, 
    .main-menu .navigation > li.current > a {
        color: #e9212e; 
    }

    .main-menu .navigation > li > ul {
        position: absolute;
        left: 0px;
        top: 130%;
        width: 270px;
        background: transparent;
        padding: 10px 0px 0;
        visibility: hidden;
        opacity: 0;
        display: block;
        border-radius: 0px;
        transition: all 500ms ease;
        z-index: 100;
    }
    .main-menu .navigation > li > ul:before {
        position: absolute;
        top: 10px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        content: "";
        z-index: -1;
    }
    .main-menu .navigation > li:hover > ul {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
    .main-menu .navigation > li > ul > li {
        position: relative;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
        transition: all 500ms ease;
        z-index: 1;
    }
    .main-menu .navigation > li > ul > li > a {
        position: relative;
        display: block;
        color: #828282;
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        border-bottom: 1px solid #e2e8f0;
        text-transform: capitalize;
        transition: all 500ms ease 0s;
        padding: 16px 30px 15px;
        padding-right: 0;
        font-family: 'Rubik', sans-serif;
    }
    .main-menu .navigation > li > ul > li:last-child a{
        border-bottom: none;
    }
    .main-menu .navigation > li > ul > li > a:after {
        position: absolute;
        top: 0;
        left: 30px;
        bottom: 0;
        content: "";
        background: url(../images/icon/dropdown-menu-arrow.png);
        width: 26px;
        height: 11px;
        opacity: 0;
        transform: scale(0);
        transition: all 500ms ease;
        margin: 20px 0;
    }
    .main-menu .navigation > li > ul > li:hover a:after{
        opacity: 1;
        transform: scale(1.0);
    }
    .main-menu .navigation > li > ul > li:hover > a {
        color: #e9212e;
        padding-left: 70px;
    }


    .main-menu .navigation > li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: 20px;
        width: 270px;
        margin-left: 0px;
        visibility: hidden;
        opacity: 0;
        background: transparent;
        z-index: 100;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        transition: all 200ms ease;
    }
    .main-menu .navigation > li > ul > li > ul:before {
        position: absolute;
        left: 0px;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        content: "";
        z-index: -1;
        border-radius: 0px;
    }
    .main-menu .navigation > li > ul > li:hover > ul{
        visibility: visible;
        opacity: 1;
        top: 0px;
    }
    .main-menu .navigation > li > ul > li > ul > li{
        position: relative;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
        transition: all 500ms ease;
    }
    .main-menu .navigation > li > ul > li > ul > li a{
        position: relative;
        display: block;
        color: #828282;
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        border-bottom: 1px solid #e2e8f0 !important;
        text-transform: capitalize;
        transition: all 500ms ease 0s;
        padding: 16px 30px 15px;
        padding-right: 0;
        font-family: 'Rubik', sans-serif;
    }
    .main-menu .navigation > li > ul > li > ul > li:last-child a{
        border-bottom: 0px !important;   
    }
    .main-menu .navigation > li > ul > li > ul > li a:before {
        position: absolute;
        top: 0;
        left: 30px;
        bottom: 0;
        content: "";
        background: url(../images/icon/dropdown-menu-arrow.png);
        width: 26px;
        height: 11px;
        opacity: 0;
        transform: scale(0);
        transition: all 500ms ease;
        margin: 20px 0;
    }
    .main-menu .navigation > li > ul > li > ul > li:hover a:before{
        opacity: 1;
        transform: scale(1.0) !important;
    }
    .main-menu .navigation > li > ul > li > ul > li:hover > a {
        color: #e9212e;
        padding-left: 70px;
    }



    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
        position: absolute;
        right: 10px;
        top: 6px;
        width: 34px;
        height: 30px;
        border: 1px solid #ffffff;
        background: url(../images/icon/submenu-icon.png) center center no-repeat;
        background-size: 20px;
        cursor: pointer;
        z-index: 5;
        display: none;
        border-radius: 3px;
        text-align: center;
        line-height: 30px;
        color: #FFF;
        font-size: 16px;    
    }



    .mainmenu-right {
        position: relative;
        display: inline-block;
        float: right;
        margin-left: 30px;
    }


    /* Search box */








      
    .header-style2 .inner-container {
        position: relative;
        /*padding: 0 10px;*/
    }    
    .logo-box-style2 {
        position: absolute;
        margin: 0;
        top: 0px;
        left: 10px;
        /*margin: 22px 0 23px;*/
        z-index: 33;
    }
    .logo-box-style2 a img{
        position: relative;
        top: 10px;
        left: 4px;

    }    
     
    .mainmenu-right.style2 {
        position: absolute;
        top: 0;
        right: 60px;
        margin: 0;
    }
    .mainmenu-right.style2 .outer-search-box {
        padding: 15px 0;
        margin-right: 10px;
    } 
    .mainmenu-right.style2 .cart-box {
        float: left;
        margin: 15px 0;
    }    
    .mainmenu-right.style2 .button {
        display: none;
    }



    /* Wide Mobile Layout: 480px. */
    @media (min-width: 1200px){
        
    .navbar-collapse.collapse {
        display: block !important;
        height: auto;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-toggle {
        display: none !important;
    } 
        

        
    }



        
        .mainmenu-area .inner-content{
            position: relative;
            display: block;
        }

        .main-menu {
            display: block;
            float: none;
            /*padding-top: 17px;*/
            padding-bottom: 0px;
            z-index: 5;
            width: 100%;
        }

        .main-menu .navigation li {
            margin-left: 0;
            margin-right: 0;
            padding: 0;
            float: none;
        }

        .main-menu .collapse {
            border: none;
            border-radius: 0px !important;
            float: none;
            margin: 0;
            height: auto;
            overflow: auto;
            padding: 0;
            width: 100%;
        } 

        .main-menu .collapse.in, 
        .main-menu .collapsing {
            border: none;
            border-radius: 0px;
            margin: 0;
            padding: 0;
            border-top: none;
        }  

        .main-menu .navbar-header {
            background: #002e5b;
            position: relative;
            float: none;
            display: block;
            text-align: right;
            width: 100%;
            /*padding: 63px 0 0;*/
            right: 0px;
            z-index: 12;
            height: 100px;
            /*padding: 10px 0;*/
        } 

        .main-menu .navbar-header .navbar-toggle {
            /*background: #000100;*/
            background: transparent;
            border: 1px solid #fff;
            display: inline-block;
            border-radius: 3px;
            float: none;
            margin: 0;
            z-index: 7;
            width: 50px;
            height: 47px;
            cursor: pointer;
            padding: 0 9px;
            position: relative;
            top: 26px;
            right: 10px;
        }

        .main-menu .navbar-header .navbar-toggle .icon-bar {
            display: block;
            background: #e7e7e7;
            width: 30px;
            height: 2px;
            border-radius: 1px;
        }

        .main-menu .navbar-header .navbar-toggle .icon-bar+.icon-bar {
            margin-top: 6px;
        } 

        .main-menu .navbar-collapse > .navigation {
            float: none !important;
            width: 100% !important;
            margin-top: 0px;
            margin-bottom: 0px;
        } 

        .main-menu .navbar-collapse .navigation > li{
            display: block;
            margin: 0px !important;
            padding: 0;
            float: none !important;
            width:100%;
        }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
            position: relative;
            float: none;
            visibility: visible;
            opacity: 1;
            display: none;
            margin: 0px;
            padding: 0;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            width: 100%;
            background: none;
            border-radius: 0px;
            box-shadow: none;
            transition: none !important;
        } 

        .main-menu .navbar-collapse .navigation li,
        .main-menu .navbar-collapse .navigation li ul li,
        .main-menu .navbar-collapse .navigation li ul li ul li{
            /*background: #27282c;*/
            background: #121f28;
            border-top: 1px solid #151618;
            opacity:1 !important;
            top:0px !important;
            left:0px !important;
            visibility: visible !important;
        } 

        .main-menu .navbar-collapse .navigation li:last-child,
        .main-menu .navbar-collapse .navigation li ul li:last-child,
        .main-menu .navbar-collapse .navigation li ul li ul li:last-child{
            border-bottom: none !important;         
        }
            
        .main-menu .navbar-collapse .navigation li ul li{
            border-bottom: 0px solid #CCC !important;
        } 

        .main-menu .navbar-collapse .navigation li ul li ul li{
            border-bottom: 0px solid #CCC !important;
        }

            
        .main-menu .navbar-collapse .navigation li a {
            padding: 10px 10px !important;
            line-height: 22px;
            color: #f1f1f1;
            text-align: left; 
        }

        .main-menu .navbar-collapse .navigation li ul li a {
            padding: 10px 25px !important;
            line-height: 22px;
            color: #ffffff;
            text-align: left;
            font-size: 14px;
            font-weight: 400;
            border: none !important;
            text-transform: capitalize;
            font-family: 'Rubik', sans-serif;
        } 

        .main-menu .navbar-collapse > .navigation > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li.current > a{
            color: #ffffff !important;
            background: #bebebe;
        } 

        .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
            display:block;
        }

        .main-menu .navbar-collapse .navigation > li > ul{
            border: none;
            padding: 0;
            margin: 0;
        } 

          

        .main-menu .navigation > li > ul > li > a:after {
            display: none;
        }

        .main-menu.style2 .navigation > li.dropdown > a:after {
            display: none;
        }  


    /*Search box*/
    .small-screens-search-bar{
        background: #121f28; 
        padding: 10px;
    }

    .small-screens-search-bar input{
        float: left;
        display: inline-block;
        height: 34px;
        padding: 5px 10px;
        border: 0;
        font-size: 14px;
    }


    .small-screens-search-bar input:hover,
    .small-screens-search-bar input:focus{
        border: 0;
        outline: 0;
    }

    .small-screens-search-bar input[type="text"]{
        width:calc(100% - 80px);
    }

    .small-screens-search-bar input[type="submit"]{
        width:80px;
        text-align: center;
        color: #FFF;
        background: #bebebe;
        font
    }

}