/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 768px) {
.logo-baran img {
  
    object-fit: contain;
 
    border-radius: 10px;
}
    /*Menu*/
    .slogan-img { display:none;}
    .slogan-mobile {display:block;position: relative;top: 30px;}
    .button-head { display:none;}
    .button-head-mobile {display:block;float: left;margin: 0;padding: 8px 0 0 5px;}
    .button-head ul li a {background: #fec600;color: #35663a;box-shadow: 0 2px 4px -1px rgb(26, 31, 26);}
    .button-head ul li span{display:none;}
    #social-sidebar { display: none; }
    .site-statistics { display: none; }
    .social-header { display: none; }
    .collection-bg { padding: 20px 0; }
    .date span { padding: 0; }
    .logo {height: 113px;/* float: none; */}
        .logo img {top: 1px;max-height: 110px;right: -10px;box-shadow: none;position: relative;}
    .mobile-menu { display: block; }
    .mobile-menu-close {display: block;background: #fec600;overflow: hidden;box-shadow: 0px 0px 5px 1px rgba(204, 140, 4, 0.69);}
     .mobile-menu-close img {
    position: relative;
    top: 1px;
    right: 2px;
}
    #custom_wrapper,#custom-button {
    display:none;
    }
        .mobile-menu-close i, .mobile-menu i { cursor: pointer; }
        .mobile-menu-close i {width: 35px;height: 35px;background: #3b6631;text-align: center;line-height: 35px;font-size: 22px;margin: 5px 5px 5px 5px;color: #fec600;float: left;border-radius: 4px;}
    .mobile-menu > i {width: 35px;height: 35px;background: #fec600;text-align: center;line-height: 35px;font-size: 22px;margin: 5px 5px 0 0px;color: #35663a;border-radius: 4px;}
    .mobile-menu {margin: 0 -15px 0 -15px;/* border-bottom: 1px solid #d3d3d3; */padding: 0 0 5px 0;}
    .nav-skin {background: #fec600;right: -768px;height: 100%;position: fixed;width: 100%;top: 0;overflow: auto;z-index: 9999999;}
    .header-menu { padding: 25px; float: none; margin-right: 0; }
    .header-bottom { z-index: 3; }
    #standardMenu ul li {float: none;border-bottom: 1px solid rgba(255, 255, 255, 0.52);}

    #standardMenu .rootMenu li a span { border: none; color: #000; }
    #standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span {
    color: #35663a;
}
    /*-- submenu --*/
    i.navarrow:before { content: "\f067"; position: absolute; left: 0; font-family: FontAwesome; font-style: normal; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; top: 10px; }
    i.navarrow2:before { content: "\f068"; position: absolute; left: 0; font-family: FontAwesome; font-style: normal; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; width: 20px; height: 20px; background: rgba(121, 116, 116, 0.3); line-height: 20px; text-align: center; border-radius: 50%; top: 10px; color: #efebeb; }

    #standardMenu .subMenu { position: static; width: auto; padding: 0; border-top: none; }
        #standardMenu .subMenu ul { background: none; border: none; margin: 0 0 10px 0; }
            #standardMenu .subMenu ul li { border: none; }
        #standardMenu .subMenu li.item a { border: none; }
            #standardMenu .subMenu li.selected > a, #standardMenu .subMenu li.item a:hover { color: #ae5e00; }
            #standardMenu .subMenu li.item a span { padding: 0 15px 0 25px; color: #000 !important; font-weight: normal; background: none; height: 25px; line-height: 25px; }
    #standardMenu .level1 li.item a span { padding-left: 40px; }
    #standardMenu .level2 li.item a span { padding-left: 55px; }
    #standardMenu .level3 li.item a span { padding-left: 70px; }
    #standardMenu .subMenu .subarrow { display: none; background: none; }

    #standardMenu ul li ul li ul { display: block; width: auto; }
        #standardMenu ul li ul li ul.level1 { display: block; position: static; left: auto; top: auto; margin: 0 10px 5px 0; }
        #standardMenu ul li ul li ul li ul.level2 { display: block; position: static; left: auto; top: auto; margin: 0 10px 5px 0; }
        #standardMenu ul li ul li ul li ul li ul.level3 { display: block; position: static; left: auto; top: auto; margin: 0 10px 5px 0; }
        #standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; position: static; left: auto; top: auto; }

    /*search*/
    .search-mobile { display: block; padding: 0 25px; }
    .search-top { display: none; }
    .search-mobile span { display: block; position: relative; }
    a.searchcss { text-indent: -9000px; display: block; }
        a.searchcss:after { content: "\f002"; display: block; position: absolute; text-indent: 0; top: 4px; left: 8px; bottom: 0; font-family: FontAwesome; font-size: 18px; color: #fff; }

    .rtl .searchInputContainer { display: block; }
    .search-mobile input[type=text] {height: 35px;width: 100%;margin: 0;padding: 0 10px 0 0;background: rgba(53, 102, 32, 0.56);color: #fff;border: none;border-radius: 3px;box-shadow: none;float: none;}
    .searchcss { display: block; }
    .rtl .searchInputContainer a.dnnSearchBoxClearText.dnnShow { display: none; }
    ul.searchSkinObjectPreview { display: none; }

    /*login*/
    .login-mobile { display: block; float: right; }
    .user-style a i { float: none; background: none; vertical-align: middle; }
    .user-style a { color: #fff; }
    ul.buttonGroup li { float: left; margin: 0 0 0 5px; line-height: 33px; }
        ul.buttonGroup li a { color: #fff; }
    li.userMessages a strong { position: relative; text-indent: -9000px; display: block; }
        li.userMessages a strong:after { content: "\f003"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; }
    li.userNotifications a strong { position: relative; text-indent: -9000px; display: block; }
        li.userNotifications a strong:after { content: "\f0a2"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; }


    ul.buttonGroup { margin: 3px 5px 0 0; }
    .loginGroup { float: left; margin: 0 0 0 0; }
        .loginGroup a { line-height: 40px; position: relative; text-indent: -9000px; display: block; color: #fff; }
            .loginGroup a:after { content: "\f011"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; }

    .registerGroup { float: right; }
    li.userDisplayName { overflow: auto; width: 130px; height: 36px; }
    .login-site { float: none; margin: 0; line-height: 30px; }

    .main-skin { margin: 0; position: relative; box-shadow: none; }
    .footer-fixed { height: auto; width: 100%; position: relative; }
    .button-footer ul li a {
    width: 100%;

}
}
@media handheld, only screen and (max-width:425px) {
    .meta-baran {
        flex-direction: column;
    }

    .logo-baran {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .btns-download-baran {
        flex-direction: column;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media handheld, only screen and (max-width:640px) {
    .breadcrumb-style:after{background-image:none;}
}
@media handheld, only screen and (max-width: 768px) {
    .mega-menu { display:none!important;}
  
}
@media handheld, only screen and (min-width: 769px) {
     #standardMenu .subMenu { display: none !important; }
  
}
/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
}