/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
.nav {display: inline-block;position: relative;}
.nav-list {text-align:left;}
.nav-item {float:left; *display:inline; zoom:1; position:relative; }
.nav-item a { display: block;color: #c32880;} 
.nav-item-account{float:left; *display:inline; zoom:1; position:relative; margin-left:8px;} 
.nav-item-account a {display:block; color:#FFF; border-radius:3px; background:#151515;margin-left:5px;text-transform:uppercase;}
/*.nav-item:hover .nav-submenu {display:block;}*/


/*

.nav-submenu:hover ul li{display: block;padding: 0px 0px 0px 15px;background-color: #fff; border-top: 1px solid #fff;border-right: 1px solid #fff;border-left: 1px solid #fff;border-bottom: 1px solid #ccc; }
.nav-submenu:hover ul li:hover{border: 1px solid #1e609d;}
.nav-submenu ul li{display: none; width: 100%;}


.nav-submenu ul li a{color: #3d3d3d !important;}
.nav-submenu.brows .nav-submenu-item ul li a{color: #3d3d3d;}
.nav-submenu.brows .nav-submenu-item ul li a:hover{color: #c32880;}
*/
/* Navigation submenu */
.nav-submenu {display:none; position:absolute; left:0; width:180px; z-index:999; border-right:0px; text-transform:capitalize; }
.text-transformation{text-transform:none;}
.nav-submenu-item a {background:#e2e2e2; border-bottom:1px solid #d0d0cf; margin: 0 !important; display:block; color:#4f4f4f; border-right:0px !important;}
.nav-submenu-item a:hover {background:#1e609d; text-decoration: none; color:#fff;}
.nav-item a:hover{color: #636363;}
/* Mobile navigation */
.nav-mobile {display:none; cursor:pointer; position:absolute; right:0; background:url(../images/nav_image.png) no-repeat center center; background-size:18px; height:30px; width:30px;border: 1px solid #2d2d2d; border-radius: 5px; content: ""; color: #fff; top:-70px;}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click { border-left: medium none;cursor: pointer;display: block !important;height: 39px;position: absolute;width: 100%;}
.display_none{display: none;}
.sm-dis-show{display: none;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media only screen and (min-width: 320px) and (max-width: 991px) {/*768    640*/
/*    .job-btn{margin-top: 16px; margin-right: 50px; max-width: 160px;}*/
    
    /*new css added for mobile view*/
    #mobile_forcss{padding: 2px;}
    .input-name {width: 100%;}
    
	.nav-item-account{float:none;}
	.nav-item-account a {border-right:0px; display:block; color:#FFF; border-bottom:1px solid #3f3f3f; background:#020202; margin:0px; border-radius:0px;}	
    .nav-item{padding-left:2px !important; width: auto !important;}
    .nav-item a{border-right:0px; display:block; color:#2d2d2d; /*background:#fff;*/ padding: 0 15px; }
	.nav-item > a:hover, .nav-item > a.act{/*background:#2d2d2d ;*/ color:#fff; border-radius:0px;transition: 0.5s;}
	.nav-submenu-item a{color:#FFF; text-transform:capitalize; background:#151515; border-bottom:1px solid #000;}
	.nav-submenu-item a:hover{background:#3c3c3c; color:#FFF; text-transform:capitalize;}
	.nav-mobile {display:none; margin: 7px 0 0;}
	.nav {width:100%; top: 10px;}
	.nav-list {display:none;position: absolute; top: -32px; background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 3px #cccccc; line-height: 50px; text-align: left;
    width: 100%; z-index: 9999;}
	.nav-item {width:100%; float:none;}
    .nav-item > a {margin: 0;}
    .nav-click {display:block;}
	.nav-mobile-open {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
	.nav-item:hover .nav-submenu {display:none; }
    .dropdown-menu.browse {left: -135px !important}
    .dropdown-menu.browse:before {right: 348px;}
	.nav-submenu {position:static;  width:100%;}
	.header.expert-login-header .nav {padding: 0px 0 0;}
	.menus.nav-list.mobi-menus{margin-top: 7px;display: contents;justify-content: center; }
	.dropdown-menu.top_drop.fnts a {font-size: 11px;line-height: 26px;}
    .open  .dropdown-menu {left: -155px;min-width: 235px;}
    .black-border-btn i{font-size: 11px;line-height: 13px;}
    .dropdown .user li .btn-login{font-size: 12px;line-height: 20px;height: 35px;margin: 0px 14px;}
    .dropdown .user li .btn-login.black-btn i {font-size: 11px;}
    .header .logo{position: relative;z-index: 1001}

    /*  .nav-list{ top:78px;}*/
}
@media all and (max-width: 991px){
    .menu-icon-menu {display: block;}
    .sidenav {height: 100vh;position: fixed;top: 0;right: -670px;overflow-x: hidden;transition: 0.5s;margin: 0;z-index: 9;opacity: 0;visibility: hidden;transform: translateX(330px);max-width: none;}
    .menuopen .sidenav {opacity: 1;visibility: visible;background: #000;transform: translateX(0px);right: 0;padding-top: 100px;}
    .logo-section-block {padding: 10px 25px;display: block;text-align: left}
    .logo-section-block img {width: 160px;}
    .slide_out_area_close .close-wrap {position: absolute;top: 33px;right: -20px;-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);transform: translateX(-50%) translateY(-50%) translateZ(0);-webkit-transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease 1s;transition: margin .2s ease, opacity .3s ease, -webkit-transform .2s ease 1s;transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease;transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease, -webkit-transform .2s ease 1s;width: 40px;height: 40px;display: block;overflow: hidden;z-index: 99999;}
    .menuopen .slide_out_area_close .close-wrap {display: block;}
    .slide_out_area_close .close-wrap .close-line {height: 100%;width: 2px;background: #ffffff;backface-visibility: hidden;position: absolute;border-radius: 5px;left: 9px;}
    .close-line.close-line1 {transform: translateY(-18px) translateX(18px) rotate(45deg);-webkit-transform: translateY(-18px) translateX(18px) rotate(45deg);transition: 0.5s;}
    .close-line.close-line2 {transform: translateY(-18px) translateX(-18px) rotate(-45deg);-webkit-transform: translateY(-18px) translateX(-18px) rotate(-45deg);transition: 0.5s;}
    .cross-open-section .close-line.close-line1 {transform: translateY(4px) translateX(0px) rotate(45deg);-webkit-transform: translateY(4px) translateX(0px) rotate(45deg);transition: 0.5s;}
    .cross-open-section .close-line.close-line2 {transform: translateY(0px) translateX(0px) rotate(-45deg);-webkit-transform: translateY(0px) translateX(0px) rotate(-45deg) transition: 0.5s;}
    .slide_out_area_close {visibility: hidden;opacity: 0;}
    .menuopen .slide_out_area_close {visibility: visible;opacity: 1;}
    .min-menu {height: 83vh;overflow: auto;text-align: center;margin: 0 auto;max-width: 320px;width: 100%;}
    .min-menu li {display: block;padding: 0;margin: 0;}
    .min-menu li a {color: #fff;padding: 13px 25px;font-size: 18px;text-transform: none;letter-spacing: 0.4px;display: block;text-align: center;font-weight: 500;}
    .min-menu li:first-child a {padding-left: 25px;}
    .min-menu li a span {vertical-align: middle;display: inline-block;}
    .min-menu li a:hover, .header.sticky .min-menu li a:hover {color: #fff;}
    .menuopen .menu-icon-menu,
    .menuopen .header.header-home.sticky .menu-icon-menu {display: none;}
    .header.header-home.sticky .menu-icon-menu {display: block;}
    .header.header-home.sticky .menu-icon-menu {color: #1f2a41;}
    .header.header-home.sticky .logo-block a img {height: 32px;}
    .header.header-home .logo-block a img {height: 32px;}
    .header.sticky .min-menu li a {color: #ffffff;font-weight: 500;}
    .min-menu li a.notification{padding: 0px;margin: 10px 0;}
    .min-menu li a.notification .badge{right: 0;}

    /*User Dropdown*/
    .dropdown .user{margin: 5px 0 0;}
    .dropdown .user:before{right: 150px;}
    /*Browse Dropdown*/
    .dropdown .browse{max-width: 510px; right: 0; left: auto;min-width: auto;margin: 5px 0 0;}
    .dropdown .browse:before{right: 150px;}
    .dropdown .browse li{display: block; float: none;margin-bottom: 20px;}
    .dropdown .browse li a{padding-left: 0;}
    .dropdown .browse li a img{height: 100px; width: 100px;}

#popular-categories .browse-btn{margin-top: 0px; margin-bottom: 20px;}
#footer .copyright{line-height: 24px; margin-bottom: 20px;}
.dropdown-menu.browse li a {margin: -6px 0px;}
.client_signup{display: none;}
}

@media only screen and (min-width: 0px) and (max-width: 576px) {
	.sm-d-none{display: none;}
	.menus li { float: none; padding: 0 6px;}
    .lag {font-size: 12px; }
    .menus li a {font-size: 12px;}
    .after-login-notifi-drop .bell {font-size: 23AZpx;color: #2faf39;}
    .btn-group.mgrds button.conut-circl {line-height: 10px;height: 18px;width: 18px;}
    .nav-item a{padding: 1px 5px;}
    .dropdown-menu.top_drop.fnts a {font-size: 15px;line-height: 40px;}
    .open  .dropdown-menu {min-width: 245px;}
     .dropdown .user:before{display: none;}
     .dropdown .user li p{margin: 0px 0 1px 17px;}
    .black-border-btn i{font-size: 11px;line-height: 13px;}
    .dropdown .user li .btn-login{font-size: 12px;line-height: 20px;height: 35px;margin: 0px 14px;}
    .dropdown .user li .btn-login.black-btn i {font-size: 11px;}
    .dropdown-menu.browse{min-width: 281px;left: 10px;}
    .dropdown-menu.browse li a img {height: 70px;width: 70px;}
    .dropdown-menu.browse li{font-size: 13px;}
    .header .header-buttons .bh{font-size: 10px;}
    .header-buttons{display: flex;margin-top: 18px;}
    .search-tab li  a{
        font-size: 15px;
    }
    .home_banner .banner-panel .tab-content .form-inline .form-group{
       margin: 0 0 -1px;
    }
    .hidden_how_it_works{
        display: none !important;
    }
    .only_destop{
        display: none;
    }
    .sm-dis-show{display: block;}
     .textcolorforcsss{
        height: 24px !important;
    line-height: 20px !important;
    }
    .mobile_responsive_view{
        height: 32px;
    }
    .mobile_responsive_view span{
        bottom: 0px;
    }
    a.post-btn span{
     width: 11px;
    height: 11px;
    font-size: 10px;
    line-height: 11px;
    }
    .header .header-buttons .bh {
        height: 29px;
        line-height: 26px;
        font-size: 10px;
        margin-right: 0px;
        margin-left:3px;
    }
    .nav-list{
        line-height: 30px;
        }
        .dropdown-menu.browse li a{margin: 0px 0px;}
        .invoice-table-s tbody td{
            font-size: 10px;
        }
   


}
@media only screen and (min-width: 0px) and (max-width: 430px) {
     .screen_420{
        position: absolute;
    top: -35px;
    right: -19px;
    display: flex;
      } 
       .header-buttons{display: flex;margin-top: 10px;margin: 20px 19px 0px;}
     
    }