#languageControlPsd {
    position: fixed;
    z-index: 10000000;
    top: 0;
    height: 60px;
    right: 5px;
    width: 0;
}

.identity {
    position: relative;
    top: 60px;
    left: 32px;
    width: calc(100% - 91px);
    background-color: white;
    padding: 0 6px;
    border-radius: 4px;
}

    .identity div {
        display: inline-block;
    }

    .identity .name {
            left: 195px;
    }

    .identity .actions {
        float: right
    }

        .identity .actions a {
            margin-top: 3px;
        }

.name h5 {
    font-size: 18px;
}

@media screen and (min-width: 968px) {
    .identity {
        left: 196px;
        width: calc(100% - 256px);
    }
}

.lngTopBtn {
    height: 60px;
    background: none;
    box-shadow: none;
    border: none
}

.selectedFont > Span {
    float: left;
    padding-top: 14px;
    margin-left: 10px
}

.lang-description {
    display: block;
    float: left;
    padding: 11px 8px;
    min-width: 95px
}

    .lang-description a {
        color: var(--menu-color);
    }

    .lang-description:hover {
        background-color: var(--hover-color);
    }

.langBack {
    position: relative;
    padding: 0;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    background: var(--submenu-background);
    display: none
}

#languageControlPsd:hover .langBack {
    display: inline-block
}

#languageControlPsd:hover .langbtn {
    background-color: var(--hover-color)
}

#languageControlPsd .selectedFont {
    color: var(--menu-color);
    display: none;
}

.langicon {
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 4px;
    color: var(--menu-color)
}

.langbtn {
    padding-top: 6px;
    float: left;
    width: 40px;
    height: 60px
}

@media screen and (min-width: 120px) {
    #languageControlPsd {
        width: 40px;
        right: 36px;
    }

    .langBack {
        right: 57px;
        width: 126px;
    }
}

@media screen and (min-width: 200px) {
    #languageControlPsd {
        width: 130px;
    }

    .langBack {
        right: 16px;
        width: 175px;
    }

    #languageControlPsd .selectedFont {
        display: block;
    }

    .langbtn {
        width: 128px
    }
}

@media screen and (min-width: 396px) {
    #languageControlPsd {
        right: 43px;
    }

    .langBack {
        right: 47px;
        width: 213px;
    }
}

@media screen and (min-width: 420px) {
    #languageControlPsd {
        width: 141px;
    }

    .langBack {
        right: 36px;
    }

    .langbtn {
        width: 141px
    }
}


@media screen and (min-width: 500px) {
    #languageControlPsd {
        right: 90px;
    }

    .langBack {
        right: 50px;
        width: 300px;
    }
}

@media screen and (min-width: 1024px) {
    #languageControlPsd {
        right: 10%;
    }

    .langBack {
        right: 25%;
        width: 300px;
    }
}


::-webkit-input-placeholder {
    font-weight: 400;
    font-style: normal
}

::-moz-placeholder {
    font-weight: 400;
    font-style: normal
}

:-ms-input-placeholder {
    font-weight: 400;
    font-style: normal
}

:-moz-placeholder {
    font-weight: 400;
    font-style: normal
}

#asposeblog #DynabicMenuInnerDiv, #ctl00_Head1 ~ body #DynabicMenuInnerDiv {
    margin-bottom: 0 !important
}

#DynabicMenuInnerDiv {
    margin-bottom: 60px
}

#DynabicMenuFooter {
    display: table;
    width: 100%
}

body, html {
    padding: 0;
    margin: 0
}

A:HOVER, a, a:focus, a:hover {
    text-decoration: none !important
}

.footerbottom ul, .topheader ul {
    list-style: none;
    margin: 0;
    padding: 0
}

    .footerbottom ul li, .topheader ul li {
        float: left;
        list-style-image: none !important
    }

.topheader {
    float: left;
    width: 100%;
    min-width: 1000px;
    height: 60px;
    background: var(--menu-background);
    font-family: Arial,Verdana,Tahoma;
    top: 0;
    position: fixed;
    z-index: 9999999
}

.topsection {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px
}

.venturelogo a {
    float: left;
    width: 270px;
    height: 50px;
    line-height: 50px;
    /*background: url(/psd/img/aspose-logo-black.svg) 0 0 no-repeat;*/
    margin-top: 5px;
    background-size: 165px
}

.menuitems {
    height: 60px;
    float: left;
    margin-left: 60px;
    padding: 0 !important
}

.topheadermenus a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    color: var(--menu-color);
    display: block;
    margin: 0 .25em 0 .25em;
    text-decoration: none;
    line-height: 60px;
    padding: 0 1em 0 1em
}

.topheadermenus ul {
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    display: none
}

.userlogstatus {
    margin-top: 0px;
    width: 170px;
    float: right
}

.cloudasposeurl {
    display: inline;
    margin: 15px 0 0 20px;
    float: right
}

.topheadermenus li:hover ul {
    display: block;
    float: left;
    width: 175px;
    position: absolute;
    background: var(--submenu-background);
    color: var(--menu-color);
}

.asposecloud .topheadermenus li ul {
    width: 200px !important
}

.topheadermenus li li {
    width: 100%;
    float: left;
    font-size: 13px;
    margin: 5px 0 0
}

    .topheadermenus li li a {
        font-size: 13px;
        line-height: 32px !important;
        margin: 0 !important
    }

.topheadermenus li a:hover {
    background: var(--hover-color);
    color: var(--menu-color);
}

.topheadermenus li li:focus {
    background: var(--hover-color);
    color: var(--menu-color);
}

.footerbottom {
    float: left;
    width: 100%;
    position: relative;
    background: #222;
    background: -moz-linear-gradient(top,#222 30%,#444 100%);
    background: -webkit-linear-gradient(top,#222 30%,#444 100%);
    background: linear-gradient(to bottom,#222 30%,#444 100%)
}

.footercol {
    width: 100%;
    margin: 0 auto;
    padding: 35px 0;
    text-align: center
}

.socialicon {
    width: auto;
    display: table;
    margin: 30px auto 40px
}

    .socialicon ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .socialicon ul a {
            padding: 8px 10px !important;
            margin: 0 2px;
            border-radius: 100%;
            color: #818692 !important;
            text-align: center;
            display: block;
            height: 25px;
            font-size: 20px;
            line-height: 30px
        }

            .socialicon ul a.dev svg {
                width: 28px;
                height: 12px;
                fill: #818692;
                color: #fff
            }

            .socialicon ul a.dev:hover {
                fill: #fff;
                color: #fff
            }

.bottomenuitems {
    width: auto;
    display: inline-block;
    margin: 0 auto 20px
}

    .bottomenuitems ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .bottomenuitems ul li {
            float: left
        }

            .bottomenuitems ul li a {
                padding: 0;
                margin: 0 15px;
                color: #fff !important;
                text-align: center;
                display: block;
                font-size: 14px;
                font-weight: 400;
                text-decoration: none;
                text-transform: capitalize;
                font-family: 'Open Sans',sans-serif
            }

                .bottomenuitems ul li a:hover, .footer2col a:hover {
                    color: #3d8ec4 !important;
                    text-decoration: none
                }

.footer2bar {
    float: left;
    width: 100%;
    height: 52px;
    background: #242323;
    background: -moz-linear-gradient(top,#242323 0,#333 100%);
    background: -webkit-linear-gradient(top,#242323 0,#333 100%);
    background: linear-gradient(to bottom,#242323 0,#333 100%);
    border-bottom: 3px solid #222
}

.footer2col {
    width: 100%;
    margin: 0 auto
}

    .footer2col p {
        font-size: 11px !important;
        margin: 0 10px 0 0;
        color: #868484 !important;
        line-height: 52px;
        float: left !important;
        font-family: Arial,Verdana,Tahoma
    }

    .footer2col a {
        font-size: 11px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #868484 !important;
        line-height: 52px;
        font-family: Arial,Verdana,Tahoma;
        text-decoration: none !important
    }

.socialicon a:hover {
    color: #fff !important
}

.sep1 {
    color: #818692;
    font-size: 15px
}

.togglebtn {
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: var(--menu-background);
    min-height: 60px;
    padding: 0 15px;
    border-radius: 0;
    outline: 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.icon-bar, .navbar-toggle .icon-bar {
    transform: rotate(0);
    padding: 0;
    left: 0;
    display: block;
    top: 0;
    transition: .3s all ease-in-out;
    margin-top: 4px
}

    .icon-bar + .icon-bar {
        margin-top: 4px
    }

.icon-bar {
    background: var(--menu-color);
}

.togglebtn .icon-bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px
}

.topbutton .togglebtn .icon-bar {
    width: 20px !important
}

.togglebtn {
    display: none;
    background: var(--menu-background);
    margin: 0 0 0 5px;
    min-height: 60px;
    padding: 0 15px;
    border-radius: 0
}

img {
    outline: 0 !important
}

.footerbottom i {
    font-style: normal
}

.topheader.gd-topheader .userlogs {
    width: auto !important
}

.topheader.gd-topheader .menuitems {
    float: right
}

    .topheader.gd-topheader .menuitems a {
        font-family: "Open Sans",sans-serif
    }

.topheader.gd-topheader .topheadermenus li:first-child ul {
    width: 270px
}

li.linkmobile {
    display: none !important
}

.topsearchbox {
    float: right;
    position: relative;
    margin-right: 8px !important;
    padding-top: 15px
}

    .topsearchbox .topsearchbtn {
        padding: 0 10px;
        display: table;
        color: #eaeaea;
        font-size: 18px;
        line-height: 60px;
        cursor: pointer
    }

.topsearchboxul ul {
    display: none
}

.topsearchboxul ul {
    position: absolute;
    right: 0;
    background: var(--menu-background);
    padding: 10px;
    min-width: 200px
}

.topsearchboxul:hover ul {
    display: block
}

.topsearchboxul ul li {
    padding-bottom: 0 !important;
    width: 100%
}

.topsearchboxinput {
    font-size: 13px !important;
    padding: 5px !important;
    outline: 0 !important;
    width: 100%;
    box-shadow: none !important;
    border: 0 solid #fff !important;
    box-sizing: border-box;
    line-height: 18px
}

.topsearchbox .topsearcharrow {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 22px;
    cursor: pointer;
    color: #333;
    line-height: 24px
}

.topsearchboxul ul .topsearcharrow:hover {
    color: #1a89d0
}

.topsearchboxdiv {
    display: block
}

.userloginbox {
    float: right;
    position: relative;
    padding-top: 0px !important
}

    .userloginbox .userlogin {
        padding: 0 5px 0 5px !important;
        display: block !important;
        color: var(--menu-color);
        max-height: 60px !important;
        font-size: 18px;
        cursor: pointer;
        margin: 15px 5px 9px
    }

#userControls div a.userlogin {
    line-height: 60px !important
}

.loginanchor ul {
    display: none
}

.userloginbox:hover ul.loginanchor ul a {
    margin: 0
}

.userloginbox ul.loginanchor ul {
    position: absolute;
    right: -14px;
    background: var(--submenu-background);
    min-width: 200px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    padding: 1px
}

.userloginbox:hover ul ul {
    display: block
}

.loginanchor .topurlink div {
    display: inline;
    padding: 10px
}

.loginanchor ul li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 0
}

.userloginbox:hover ul ul a {
    padding: 12px;
    color: var(--menu-color);
    display: block
}

.userloginbox ul ul a:hover {
    color: var(--menu-color);
    background: var(--hover-color);
}

.toplogout {
    margin-bottom: 0 !important
}

.userlogin.useractive i {
    background-position: 0 -182px !important
}

.userloginbox em {
    color: var(--menu-color);
    font-size: 13px;
    padding: 5px;
    font-style: normal
}

.topusername {
    background: 0 0 !important;
    padding: 10px 5px 10px !important;
    border-bottom: 1px dotted #444;
    width: 100%
}

    .topusername:hover {
        opacity: .8
    }

.topeditprofile {
    display: none
}

.topusername:hover .topeditprofile {
    display: block
}

.toplogout {
    color: var(--menu-color);
    background: #dc4342
}

.langselectordiv {
    margin: 15px 5px 0 5px;
    float: right;
    padding-bottom: 25px
}

a#languageswitch {
    display: block;
    clear: both;
    font-size: 14px;
    color: var(--menu-color);
    background: 0 0;
    border-radius: 100%;
    width: 40px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.languageselectbox {
    position: relative;
    background: var(--menu-background);
    margin-top: 0;
    margin-left: -40px
}

.languageselect {
    position: absolute;
    background: var(--menu-background);
    border: 0 solid;
    color: var(--menu-color);
    min-width: 70px;
    padding: 4px 0 !important;
    margin-top: 15px !important;
    border-radius: 0
}

.languageselect {
    font-size: 12px
}

.cloudasposeurl {
    margin: 15px 0 0 0 !important
}

.langselectordiv:hover #languageswitch .fa.fa-angle-down:before {
    content: "\f106"
}

.us-lang, .zh-lang {
    float: left;
    width: 100%;
    overflow: hidden
}

    .us-lang a, .zh-lang a {
        float: left;
        width: 100%;
        padding: 5px 10px;
        color: var(--menu-color);
        font-size: 14px
    }

        .us-lang a:hover, .zh-lang a:hover {
            background: #1a89d0;
            color: var(--menu-color);
        }

        .us-lang a img, .zh-lang a img {
            width: 20px;
            height: 13px
        }

.hide {
    display: none
}

.show {
    display: block
}

li.us-lang span, li.zh-lang span {
    padding: 5px 10px 0;
    color: #aaa;
    cursor: default
}

a#UserNameLink {
    font-weight: 700 !important;
    margin: 0 0 5px 0 !important;
    width: 100%;
    background: 0 0 !important;
    border-bottom: 1px dotted #444;
    padding-top: 0 !important
}

#DynabicMenuUserControls .moblink i:after {
    display: block !important
}

.corporateinternalpages {
    padding-top: 100px
}

.footer2col {
    text-align: center
}

.footer2text {
    text-align: center;
    display: inline-block
}

.footer2col p {
    display: inline;
    float: none !important
}

.footer2anchor {
    display: inline-block
}

.spacer60 {
    margin-top: 60px
}

.theme-documentation #DynabicMenuInnerDiv, body.theme-default #DynabicMenuInnerDiv {
    margin-bottom: 0 !important
}

#DynabicMenuInnerDiv + .clearfix {
    display: none !important
}

.menu-panel ul li.heading a.logout, .menu-panel ul.menu-links li a.logout {
    background-image: none !important;
    margin: 0 !important;
    width: inherit !important;
    height: inherit !important
}

.topsearchboxinput {
    border-radius: 0 !important;
    margin-bottom: 0 !important
}

.topsection button + div a {
    float: left;
    line-height: 50px;
    margin-top: 5px;
}

#languageControl {
    cursor: pointer;
    color: var(--menu-color);
    position: fixed;
    padding-top: 20px
}

.lang-selector-round li {
    display: flex !important;
    align-items: center;
}

    .lang-selector-round li i {
        margin-right: 5px
    }

.lang-selector-round ul li a {
    display: flex !important;
    align-items: center;
}

.lang-selector-round ul li i {
    margin-right: 5px
}

@media (max-width:1024px) and (min-width:0px) {
    .footer2anchor, .footer2col p {
        display: table !important
    }

    .asposecloud .menuitems .topheadermenus li ul {
        width: 100% !important
    }

    .bg-hdr .title2 H1 {
        font-size: 22px
    }

    .errorPageDetails.col-lg-7.tl {
        text-align: center
    }

    .errortitle {
        text-align: center
    }

    .topbutton .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        padding-left: 10px;
        left: 0;
        top: 5px;
        transition: .3s all ease-in-out
    }

    .topbutton .icon-bar:nth-child(3) {
        display: none
    }

    .topbutton .icon-bar:nth-child(4) {
        transform: rotate(-45deg);
        padding-right: 10px;
        left: 0;
        transition: .3s all ease-in-out;
        margin-top: -2px
    }

    #sitenavPanel ul ul {
        display: none !important
    }

    #sitenavPanel .openmenu ~ ul {
        display: block !important
    }

    #sitenavPanel {
        right: 0 !important;
        width: 280px !important;
        left: inherit !important;
        overflow-y: auto
    }

        #sitenavPanel ul {
            margin-left: 0 !important
        }

            #sitenavPanel ul li {
                margin-left: 0 !important;
                width: 100% !important
            }

                #sitenavPanel ul li a {
                    line-height: 40px !important
                }

    .menuitems li a:after {
        float: right;
        content: "\f107";
        font-size: 16px;
        font-family: Fontawesome;
        color: #999
    }

    .menuitems li a.openmenu:after {
        float: right;
        content: "\f106";
        font-size: 16px;
        font-family: Fontawesome;
        color: var(--menu-color);
    }

    #sitenavPanel ul ul {
        position: relative;
        background: #000 !important;
        width: 100% !important;
        border-radius: 0 !important;
        float: left;
        margin-top: 0 !important
    }

    #sitenavPanel ul li li {
        width: 100% !important;
        padding: 0 !important;
        margin-top: 0 !important
    }

        #sitenavPanel ul li li a {
            padding: 2px 15px !important;
            line-height: 35px !important
        }

            #sitenavPanel ul li li a:after {
                display: none !important
            }

    #sitenavPanel ul li:hover {
        background: 0 0 !important
    }

    #sitenavPanel ul li li a:hover {
        background: #439cda !important
    }

    ul.sitenavPanel_ContentContainer.sitenavPanel_menuContainer ul:after {
        left: 35px !important;
        border-bottom-color: #000;
        border-width: 6px !important;
        margin-left: -10px !important
    }
}

@media (max-width:1024px) {
    .topheadermenus li.linkmobile {
        display: block !important
    }

    .topheader, .topsection {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 0 !important;
        z-index: 9999 !important;
    }

    .togglebtn {
        display: block
    }

    .menuitems {
        display: none
    }

    .topheader.topbutton .menuitems {
        display: block;
        margin: 0;
        width: 100%;
        background: var(--menu-background);
    }

    .toggletopnav .topheadermenus a {
        margin: 0 .15em 0 .15em;
        padding: 0 .5em 0 .5em
    }

    .toggletopnav .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        left: 0;
        top: 5px;
        transition: .3s all ease-in-out
    }

    .toggletopnav .icon-bar:nth-child(3) {
        display: none
    }

    .toggletopnav .icon-bar:nth-child(4) {
        transform: rotate(-45deg);
        left: 0;
        transition: .3s all ease-in-out;
        margin-top: -2px
    }

    .venturelogo {
        margin-left: 10px
    }

    .footer2bar {
        background: #000 !important;
        height: inherit
    }

    .footer2col, .footercol {
        width: 100% !important
    }

    .footer2anchor, .footer2text {
        display: block;
        clear: both;
        height: 20px;
        background: #000 !important
    }

    .footer2anchor, .footer2col p {
        float: none !important;
        text-align: center;
        line-height: 16px;
        background: #000 !important;
        width: 100%;
        display: table;
        clear: both
    }
}

@media (max-width:768px) {
    .footerlanguage {
        width: 100%
    }

    .socialicon ul li {
        width: inherit !important;
        min-height: 40px;
        float: none;
        display: inline-block
    }

    .sep1 {
        display: none !important
    }

    .bottomenuitems ul li {
        margin: 0 10px 10px 10px !important;
        float: none !important;
        display: inline-block !important
    }

    .bottomenuitems ul {
        display: table !important;
        text-align: center !important
    }

        .bottomenuitems ul li a {
            margin: 0
        }

        .bottomenuitems ul li.sep1 {
            display: none !important
        }

    .footer2anchor, .footer2col p {
        line-height: 50px !important;
    }
}

@media (max-width:480px) {
    .venturelogo a.groupdocs_cloud {
        background-size: 90% !important;
        background-position: 0 -142px !important;
        width: 220px !important
    }

    .venturelogo a.logocloud {
        background-size: 100% !important;
        background-position: 0 -43px !important;
        transition: 0s all ease-in-out
    }

    .errorPage .errorPageDetails .buttons {
        width: 260px !important
    }

        .errorPage .errorPageDetails .buttons a.backButton {
            width: 130px !important;
            font-size: 13px !important
        }

        .errorPage .errorPageDetails .buttons a.homeButton {
            width: 130px !important;
            padding-right: 25px !important;
            text-align: right !important;
            background-position: -60px -178px !important;
            background-repeat: no-repeat !important;
            font-size: 13px !important
        }

            .errorPage .errorPageDetails .buttons a.homeButton:hover {
                background-position: -270px -178px !important
            }

        .errorPage .errorPageDetails .buttons .buttonShadow {
            display: none
        }

        .errorPage .errorPageDetails .buttons .separator {
            display: none
        }

    .errorPageMainGraphics img {
        max-width: 100%
    }

    .userlogstatus {
        width: 100px
    }

    .cloudasposeurl {
        display: none;
        margin: 15px 0 0 0
    }

    .userControls_ContentContainer ~ .userControls_ContentContainer {
        display: none !important
    }

    .topsearchboxdiv {
        display: none !important
    }
}

@media (max-width:1024px) and (min-width:0px) {
    .menuitems ul ul {
        display: none !important
    }

    .menuitems .mobileanchor.openmenu ~ ul {
        display: block !important
    }

    .menuitems {
        right: 0 !important;
        width: 280px !important;
        left: inherit !important;
        overflow-y: auto;
        margin: 0;
        clear: both;
        position: absolute;
        top: 60px;
        background: var(--menu-background);
        padding-right: 0;
        max-height: 500px !important;
        height: inherit
    }

        .menuitems ul {
            margin-left: 0 !important;
            text-align: left;
        }

            .menuitems ul li {
                margin-left: 0 !important;
                width: 100% !important
            }

                .menuitems ul li a {
                    line-height: 40px !important;
                    margin: 0 !important
                }

                    .menuitems ul li a:after {
                        float: right;
                        content: "\f107";
                        font-size: 16px;
                        font-family: Fontawesome;
                        color: #999
                    }

                .menuitems ul li:hover a:after {
                    float: right;
                    content: "\f106";
                    font-size: 16px;
                    font-family: Fontawesome;
                    color: var(--menu-color);
                }

            .menuitems ul ul {
                position: relative !important;
                background: var(--menu-background) !important;
                width: 100% !important;
                border-radius: 0 !important;
                float: left;
                margin-top: 0 !important
            }

            .menuitems ul li li {
                width: 100% !important;
                padding: 0 !important;
                margin-top: 0 !important
            }

                .menuitems ul li li a {
                    padding: 2px 15px !important;
                    line-height: 35px !important
                }

                    .menuitems ul li li a:after {
                        display: none !important
                    }

            .menuitems ul li:hover {
                background: 0 0 !important
            }

            .menuitems ul li li a:hover {
                background: #439cda !important
            }

    ul.sitenavPanel_ContentContainer.sitenavPanel_menuContainer ul:after {
        left: 35px !important;
        border-bottom-color: #000;
        border-width: 6px !important;
        margin-left: -10px !important
    }
}

.topsearchboxdiv .fa.fa-search, .userloginbox .fa.fa-user {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #006bb0;
    border-radius: 100%;
    font-size: 16px
}

.userlogin.useractive .fa.fa-user {
    background: #449d44
}

.topsearchboxul form {
    margin-bottom: 0
}

.topsearchboxul label {
    margin-bottom: 0;
    width: 100%
}

i.fa-arrow-circle-o-right {
    margin-right: 0
}

.topsearchbox .topsearchbtn {
    padding: 0;
    display: table;
    color: #eaeaea;
    font-size: 18px;
    line-height: 12px
}

.feedbackButton {
    float: left;
    position: fixed;
    width: 25px;
    height: 100px;
    background: url(/psd/img/others.png) -285px 0 no-repeat;
    z-index: 99999999;
    margin-top: 240px
}

    .feedbackButton:hover {
        background-position: -250px 0;
        background-repeat: no-repeat
    }

@media (max-width:668px) {
    .topsection button + div a {
        max-width: 185px
    }

    .userlogstatus {
        width: 100px !important
    }

    .venturelogo a {
        width: 185px !important;
        background-size: 165px !important;
        background-position: 0 0px !important
    }
}

@media (max-width:1024px) {
    .cloudasposeurl, .userControls_ContentContainer ~ .userControls_ContentContainer {
        display: block !important
    }

    .togglebtn {
        float: left;
        margin: 0 5px 0 0 !important
    }

    .menuitems {
        right: inherit !important;
        left: 0 !important
    }

    .topsection.gdnavtop .togglebtn {
        float: right;
        margin: 0 0 0 5px !important;
        background: var(--menu-background) !important
    }

        .topsection.gdnavtop .togglebtn .icon-bar {
            background: var(--menu-background) !important
        }

    .topsection.gdnavtop .userlogstatus {
        width: 60px !important
    }

    .topsection.gdnavtop .menuitems {
        right: 0 !important;
        left: inherit !important
    }
}

.desklink {
    display: block
}

.moblink {
    display: none
}

.blackout {
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
    opacity: .5;
    z-index: -2;
    background: #000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.topsearchboxul ul {
    display: block !important
}

.topsearchboxdiv.active.enb .topsearchboxul ul {
    display: block !important;
    z-index: -1;
    margin-top: 0 !important;
    opacity: 1 !important;
    transition: .3s all ease-in-out;
    visibility: visible
}

.topsearchboxul ul {
    min-width: 273px !important;
    background-color: #222 !important;
    right: -43px;
    margin-top: 30px;
    opacity: 0;
    transition: .3s all ease-in-out;
    visibility: hidden
}

.topsearchbox .topsearcharrow {
    padding: 19px;
    top: 0 !important;
    right: 0 !important
}

.topsearchboxinput {
    min-height: 40px;
    font-size: 16px !important;
    padding-left: 10px !important
}

.topurlink.moblink:after {
    display: none !important
}

#DynabicMenuUserControlsclone {
    display: none !important
}

    #DynabicMenuUserControlsclone .loginanchor {
        display: block !important;
        width: 100% !important;
        float: left !important
    }

        #DynabicMenuUserControlsclone .loginanchor a {
            font-size: 14px !important
        }

    #DynabicMenuUserControlsclone .userlogin {
        display: none !important
    }

    #DynabicMenuUserControlsclone .userloginbox ul ul {
        display: block !important;
        box-sizing: border-box;
        padding: 0 !important
    }

    #DynabicMenuUserControlsclone .userloginbox:hover ul ul a {
        padding: 2px 15px !important
    }

    #DynabicMenuUserControlsclone .userloginbox {
        width: 100%
    }

.cloudasposeurl.desklink:hover, .topsearchboxul .topsearchbtn:hover, .userlogin.useractive:hover {
    opacity: .7
}

.topsearchboxdiv.active.enb .topsearchbtn {
    opacity: .7
}

@media (max-width:1024px) {
    #DynabicMenuUserControlsclone .loginanchor li ul li:first-child em, #DynabicMenuUserControlsclone .loginanchor li ul li:nth-child(2) a#UserNameLink, #DynabicMenuUserControlsclone .loginanchor.loggeduser .topurlink.toplogout.moblink {
        background: #efefef !important;
        color: #222 !important;
        width: 100%;
        padding: 10px 15px 0;
        display: table;
        box-sizing: border-box;
        font-weight: 700
    }

    #DynabicMenuUserControlsclone .loginanchor li ul li:nth-child(2) a {
        margin-top: 0 !important
    }

    a#UserNameLink {
        margin-bottom: 0 !important
    }

    #DynabicMenuUserControlsclone .loginanchor.loggeduser .topurlink.toplogout.moblink:hover {
        color: var(--menu-color);
        background: #dc4342 !important
    }

    #DynabicMenuUserControlsclone .loginanchor.loggeduser .topurlink.toplogout.moblink {
        border-top: 1px solid #111;
        background: var(--menu-background);
        color: var(--menu-color);
    }

    #DynabicMenuUserControlsclone .loginanchor li ul li:nth-child(2) a#UserNameLink:hover {
        color: #2072a7 !important
    }

    .topsearchboxdiv.active.enb .blackout {
        display: block !important;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 3s ease-in-out;
        -ms-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
        transition: opacity 3s ease-in-out
    }

    .blackout.enb {
        display: block !important
    }

    .topsearchboxdiv, .topurlink.moblink {
        display: block !important
    }

        .topurlink.moblink i {
            float: right;
            margin-top: 3px;
            color: #999
        }

    #DynabicMenuUserControlsclone .loginanchor li ul li:nth-child(2) a#UserNameLink i {
        float: right;
        margin: 13px;
        color: #999
    }

    .topurlink.moblink:hover i {
        color: #fff
    }

    .topsearchboxdiv {
        z-index: 999999;
        position: relative
    }

    .topurlink.moblink:hover {
        background: #2072a7;
        color: #fff
    }

    .desklink {
        display: none !important
    }

    .topsearchbox .topsearcharrow {
        padding: 22px !important
    }

    .topsearchboxinput {
        min-height: 50px;
        font-size: 16px !important;
        padding-left: 10px !important
    }

    .topsearchboxul ul {
        width: 100% !important;
        min-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        max-width: 100% !important;
        position: fixed !important;
        box-sizing: border-box;
        background-color: #555 !important
    }

    .topurlink.moblink:after {
        display: none !important
    }

    .topsearchboxul ul:after {
        top: -10px;
        right: 60px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(34,34,34,0);
        border-bottom-color: #555;
        border-width: 5px;
        margin-left: -6px
    }

    div#DynabicMenuUserControlsclone {
        display: block !important
    }

    #DynabicMenuUserControlsclone .userloginbox.desklink {
        width: 100%;
        background: #111 !important;
        display: block !important
    }

    .menuitems ul li a {
        box-sizing: border-box !important
    }

    .topheader .menuitems {
        display: block !important;
        transition: .5s all ease-in-out;
        left: -300px !important;
        background: #222
    }

    .topheader.topbutton .menuitems {
        display: block !important;
        transition: .5s all ease-in-out;
        left: 0 !important
    }

    .productmenubox.cloudmenubox {
        width: 100% !important;
        min-width: 100%;
        max-width: 100%
    }

    .productmenubox {
        width: 100% !important;
        max-width: 100%
    }

    .topheadermenus li ul .productmenubox a {
        padding: 10px 15px !important;
        display: block;
        width: 100%
    }

    .menuitems ul li:hover .productmenubox a:after {
        display: none !important
    }

    .productmenubox em {
        font-style: normal !important;
        float: none !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        display: inline !important;
        white-space: nowrap !important
    }

    .productmenubox a b {
        font-size: 14px !important;
        display: inline !important;
        clear: none !important;
        font-weight: 400 !important
    }
}

.twocolmenu.topheadermenus li:nth-child(1):hover ul {
    width: inherit !important
}

.productmenubox.cloudmenubox {
    width: 660px !important
}

.productmenubox.cloudmenubox2 {
    width: 600px !important
}

.topheadermenus li .productmenubox.cloudmenubox2 a {
    width: 50%
}

.productmenubox {
    background-color: var(--submenu-background);
    width: 500px;
    float: left;
    display: block
}

.topheadermenus li .productmenubox a {
    line-height: 20px !important;
    margin: 10px 0 0;
    float: left;
    padding: 5px 15px !important;
    display: inline-block;
    width: 33.33%;
    box-sizing: border-box
}

.productmenubox a b {
    font-size: 12px;
    display: block;
    clear: both;
    font-weight: 400
}

.productmenubox em {
    font-style: normal;
    float: left;
    font-size: 16px;
    font-weight: 600
}

.fa-handshake-o.fa:before {
    content: "\f2b5"
}

.dda a:after {
    display: none !important
}

@media (max-width:350px) {
    .cloudasposeurl {
        display: none !important
    }

    .userlogstatus {
        width: 75px !important
    }
}

.lang-ico {
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url(/templates/aspose/App_Themes/V3/images/icons/language-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -1px
}

    .lang-ico.us-ico {
        background-position: 00px -1px
    }

    .lang-ico.zh-ico {
        background-position: -20px -1px
    }

    .lang-ico.ja-ico {
        background-position: -38px -1px
    }

    .lang-ico.ru-ico {
        background-position: -56px -1px
    }

ul.lang-selector-round {
    text-align: left;
    padding: 15px 4px 17px 0 !important;
    list-style: none;
    float: right
}

    ul.lang-selector-round li {
        font-size: 10px;
        font-weight: 700;
        display: inline-block;
        margin-right: -4px;
        position: relative;
        padding: 8px 10px;
        cursor: pointer;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        border-radius: 25px;
        color: #222;
        text-transform: uppercase;
        max-width: 100px;
        max-height: 30px;
        text-align: center;
        background: #f3f3f3;
        line-height: 14px
    }

        ul.lang-selector-round li span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 60px
        }

        ul.lang-selector-round li:hover {
            background: #d3d3d3;
            color: #111
        }

        ul.lang-selector-round li ul {
            padding: 17px 0 0;
            position: absolute;
            top: 28px;
            left: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: none;
            opacity: 0;
            visibility: hidden;
            -webkit-transiton: opacity .2s;
            -moz-transition: opacity .2s;
            -ms-transition: opacity .2s;
            -o-transition: opacity .2s;
            -transition: opacity .2s;
            width: 120px;
            box-shadow: 0 3px 6px rgba(0,0,0,.2)
        }

            ul.lang-selector-round li ul li {
                background: #222;
                display: block;
                color: #fff;
                width: 100%;
                border-radius: 0;
                font-size: 11px;
                font-weight: 400;
                padding: 0 !important;
                max-width: inherit;
                max-height: inherit;
                text-align: left
            }

                ul.lang-selector-round li ul li span {
                    white-space: normal;
                    overflow: visible;
                    text-overflow: ellipsis;
                    max-width: inherit;
                    display: inline-block;
                    line-height: inherit
                }

                ul.lang-selector-round li ul li a {
                    color: #fff !important;
                    display: block;
                    padding: 8px
                }

                ul.lang-selector-round li ul li:focus a, ul.lang-selector-round li ul li:hover a {
                    color: #fff !important
                }

                ul.lang-selector-round li ul li:hover {
                    background: #3071a9;
                    color: #fff
                }

        ul.lang-selector-round li:hover ul {
            display: block;
            opacity: 1;
            visibility: visible
        }

@media(max-width:1024px) {
    ul.lang-selector-round {
        box-shadow: none !important
    }

        ul.lang-selector-round li span {
            display: none !important
        }

        ul.lang-selector-round li {
            border-radius: 100% !important;
            padding: 6px !important;
            margin-right: 10px !important;
            margin-top: 2px
        }

            ul.lang-selector-round li ul {
                width: 100px !important;
                box-shadow: none !important;
                right: 0 !important;
                left: inherit !important;
                top: 26px !important
            }

                ul.lang-selector-round li ul li {
                    padding: 0 !important;
                    text-align: left;
                    border-radius: 0 !important;
                    margin-top: 0 !important;
                    font-size: 12px !important
                }

            ul.lang-selector-round li li span {
                display: inline-block !important
            }
}

@media(max-width:320px) {
    .venturelogo a {
        width: 165px !important;
        background-size: 180px !important;
        background-position: 0 8px !important
    }

    .userlogstatus {
        width: 80px !important
    }
}

.footersubscribe {
    background: #006bb0;
    padding: 30px 0
}

.subscibe-box {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    font-family: 'Open Sans',sans-serif
}

.subscibe-lhs {
    width: 50%;
    margin: 0;
    display: inline;
    text-align: left
}

.footersubscribe .row {
    margin: 0 -15px
}

.subscibe-lhs h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fefefe;
    margin: 0 0 5px;
    text-transform: none;
    line-height: 20px
}

.subscibe-lhs p {
    font-size: 14px;
    font-weight: 400;
    color: #e8e8e8;
    margin: 0
}

.subscibe-rhs {
    width: 50%;
    margin: 0;
    display: inline-block;
    text-align: left
}

    .subscibe-rhs form {
        display: block;
        clear: both;
        width: 100%
    }

        .subscibe-rhs form input {
            border-radius: 0 !important;
            display: inline !important;
            width: 70% !important;
            margin: 0 0 0 30px !important;
            min-height: 45px !important;
            float: left !important
        }

        .subscibe-rhs form button {
            display: inline-block;
            vertical-align: top;
            min-height: 45px
        }

#subscribe_message p {
    text-align: center;
    color: #fff
}

.subscibe-rhs .form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0px solid #ccc;
    box-sizing: border-box
}

.footersubscribe .col-md-12 {
    min-height: 1px
}

@media (min-width:1200px) {
    .footersubscribe .container {
        width: 1170px
    }
}

@media (min-width:992px) {
    .footersubscribe .container {
        width: 970px
    }
}

@media (min-width:768px) {
    .footersubscribe.container {
        width: 750px
    }
}

.footersubscribe .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.subscibe-rhs .btn-danger {
    color: #fff;
    background-color: #dc4342;
    border-color: #d43f3a
}

.subscibe-rhs .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}

@media (max-width:800px) and (min-width:669px) {
    .subscibe-rhs form input {
        width: 60% !important
    }
}

@media (max-width:668px) {
    .subscibe-box {
        display: block;
        align-items: center;
        padding: 20px 10px !important;
        box-sizing: border-box;
    }

    .subscibe-lhs h3, .subscibe-lhs p {
        text-align: center
    }

    .subscibe-rhs form {
        margin-top: 30px !important
    }

    .subscibe-lhs, .subscibe-rhs {
        width: 100%;
        margin: 0;
        display: inline;
        text-align: left
    }

        .subscibe-rhs form input {
            border-radius: 0 !important;
            display: inline !important;
            width: 100% !important;
            margin: 0 0 10px !important;
            min-height: 45px !important;
            float: left !important
        }

        .subscibe-rhs form button {
            display: block;
            vertical-align: top;
            min-height: 45px;
            margin: 0 auto;
            width: 100%
        }
}

.fa-quora:before {
    content: "\f2c4";
}

@media(max-width:993px) and (min-width:967px) {
    .subscibe-rhs form input {
        margin: 0 0 0 0px !important;
    }
}

@media(max-width:1170px) and (min-width:668px) {
    .topsection {
        max-width: 100%;
        width: 100%;
    }

    .desklink {
        display: block !important;
    }
}

#DynabicMenuUserControls a i:before, .footerbottom .socialicon a:hover i:before {
    color: #FFFFFF !important
}

.footercol .socialicon ul a {
    padding: 0 !important;
    height: 26px !important;
    max-height: 26px !important;
    min-height: 26px !important;
    max-width: 26px;
    min-width: 26px;
    width: 26px
}

.footercol .socialicon a i {
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    padding: 5px;
    margin: 0 auto;
    background-image: url(/psd/img/menu-icons.svg);
    background-size: 26px 903.052px
}

.footercol .socialicon a:hover i {
    filter: brightness(1.5)
}

.footercol .socialicon .fa:after, .footercol .socialicon .fa:before {
    display: none !important
}

.socialicon ul {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center
}

    .socialicon ul li {
        margin: 10px 8px
    }

.footercol .socialicon .fa-facebook {
    background-position: -5px -210px !important
}

.footercol .socialicon .fa-twitter {
    background-position: -5px -240px !important
}

.footercol .socialicon .fa-youtube-play {
    background-position: -5px -270px !important
}

.footercol .socialicon .fa-linkedin {
    background-position: -5px -300px !important
}

.footercol .socialicon .fa-stack-overflow {
    background-position: -5px -330px !important
}

.footercol .socialicon .fa-github-alt {
    background-position: -5px -360px !important
}

.footercol .socialicon .fa-pinterest {
    background-position: -5px -390px !important
}

.footercol .socialicon .fa-tumblr {
    background-position: -5px -420px !important
}

.footercol .socialicon .fa-instagram {
    background-position: -5px -450px !important
}

.footercol .socialicon .fa-rss {
    background-position: -5px -510px !important
}

.footercol .socialicon .fa-quora {
    background-position: -5px -598px !important
}

.footercol .socialicon a.dev {
    background-image: url(/psd/img/menu-icons.svg);
    background-size: 26px 903.052px;
    background-position: -5px -480px !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border-radius: 0 !important
}

    .footercol .socialicon a.dev svg {
        display: none
    }

    .footercol .socialicon a.dev:hover {
        filter: brightness(1.5)
    }

.topsearchboxdiv .fa.fa-search {
    background-image: url(/psd/img/menu-icons.svg);
    background-size: 26px 903.052px;
    background-position: 2px 2px !important;
    background-repeat: no-repeat !important;
    background-color: #006bb0 !important;
    border-radius: 100% !important;
    font-size: 16px;
    display: block
}

.userloginbox .fa.fa-user {
    background-image: url(/psd/img/menu-icons.svg) !important;
    background-size: 26px 903.052px !important;
    background-position: 2px -27px !important;
    background-repeat: no-repeat !important;
    background-color: #006bb0 !important;
    border-radius: 100% !important;
    font-size: 16px;
    display: block
}

.loginanchor.loggeduser .fa.fa-user {
    background-color: #449d44 !important
}

.topurlink i.fa:before {
    display: none
}

.topurlink i.fa {
    background-image: url(/psd/img/menu-icons.svg) !important;
    background-size: 26px 903.052px !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    font-size: 0;
    display: inline-block;
    width: 20px;
    height: 14px
}

    .topurlink i.fa.fa-cog {
        background-position: -6px -65px !important
    }

    .topurlink i.fa.fa-file-text-o {
        background-position: -6px -94px !important;
        height: 16px
    }

    .topurlink i.fa.fa-shopping-cart {
        background-position: -6px -126px !important
    }

    .topurlink i.fa.fa-check-square-o {
        background-position: -6px -155px !important
    }

    .topurlink i.fa.fa-sign-out {
        background-position: -3px -185px !important
    }

@media(max-width:1024px) {
    .subscibe-box {
        box-sizing: border-box;
        padding: 20px
    }

    .footercol .socialicon ul a, .footercol .socialicon ul li, .footercol .socialicon ul li svg {
        height: 26px !important;
        max-height: 26px !important;
        min-height: 26px !important;
        width: 26px;
        max-width: 26px;
        min-width: 26px
    }

    .socialicon {
        width: 95%;
        display: block
    }

    .topurlink.moblink i {
        margin-top: 10px !important
    }

    .menuitems ul li a.mobileanchor:after {
        background-image: url(/psd/img/menu-icons.svg) !important;
        background-size: 26px 903.052px !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        font-size: 0;
        display: inline-block;
        width: 20px;
        height: 28px;
        background-position: 0 -532px
    }

    .menuitems ul li:hover a.mobileanchor:after {
        background-image: url(/psd/img/menu-icons.svg) !important;
        background-size: 26px 903.052px !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        font-size: 0;
        display: inline-block;
        width: 20px;
        height: 28px;
        background-position: 0 -563px
    }

    .userloginbox.desklink {
        padding-top: 0 !important
    }

    a#UserNameLink {
        background: #006bb0 !important
    }

    .menuitems ul li a:after {
        font-size: 0 !important
    }
}

.topsearchboxdiv .fa.fa-search:before, .userloginbox .fa.fa-user:before {
    display: none
}

.menuitems ul li a.mobileanchor.nodd:after {
    display: none !important
}

#subscribe_message {
    color: #FFFFFF;
    text-align: center
}

.width220 {
    min-width: 220px !important;
}

body .pf-landing-page-com ul#support li.bloglinkshow:last-child, body .pf-landing-page-com ul#support li.bloglinkshow {
    display: block !important
}

@media(max-width:1700px) and (min-width:1200px) {
    .footerbottom .bottomenuitems ul li a {
        margin: 0 15px !important
    }
}

@media (max-width:1366px) {
    body .bottomenuitems ul {
        display: flex !important;
        flex-flow: wrap;
        align-items: flex-start;
        justify-content: start;
    }

    .bottomenuitems ul li {
        width: 25%;
        margin-bottom: 10px;
    }

    .sep1 {
        display: none;
    }

    .bottomenuitems ul li a {
        text-align: left !important;
        text-indent: 25%;
    }
}

@media (max-width:668px) {
    .bottomenuitems ul li {
        width: 100%;
        margin-left: 0 !important
    }

    .sep1 {
        display: none;
    }

    .bottomenuitems ul li a {
        text-align: center !important;
        text-indent: 0%;
    }

    .rocketchat-widget {
        z-index: 99999999 !important;
    }
}

html[lang="ru"] .productmenubox em {
    font-size: 14px
}

.font-0 {
    font-size: 0 !important;
    height: 0;
    width: 0;
    display: block;
}

.lang-selector a {
    cursor: pointer;
    color: #FFFFFF !important
}

:lang(ru) header.header {
    margin-top: 60px
}

.pf-landing-page-com #resources li:last-child {
    display: none !important
}

/* asposeapp.css */
.topheadermenus.twocolmenu li:hover a.mobileanchor {
    background: var(--hover-color)
}

.topheader .topheadermenus li .productmenubox a {
    min-width: 25%;
    max-width: 25%;
    width: 25%;
    padding: 6px 15px !important
}

.productmenubox {
    max-width: 650px;
    min-width: 650px
}

.font-0 {
    font-size: 0 !important;
    height: 0;
    width: 0;
    display: block
}

@media (max-width: 1024px) {
    .topheader .topheadermenus li .productmenubox a {
        min-width: 100%;
        max-width: 100%;
        width: 100%
    }

    .productmenubox {
        max-width: 100%;
        min-width: 100%
    }
}