@media screen and (min-width: 66.25em) {
    .pricing-palden .pricing-item {
        margin: 1em -0.5em;
    }

    .pricing-palden .pricing__item--featured {
        margin: 0;
        z-index: 10;
        -webkit-box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
        box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
    }

    .userPlan .pricing-item {
        margin: 1em 1.5em;
    }
}

@media (max-width: 1220px) {
    aside {
        left: -300px;
        position: fixed;
        z-index: 999999;
        height: 100vh !important;
    }
    .dashBoard-container {
        width: 100% !important;
    }
    .dashBoard-container .userHeader .menuIcon {
        display: none;
    }

    .dashBoard-container .userHeader .mobileIcon {
        display: inline-block;
    }

    .closeMenu {
        color: #fff;
        position: absolute;
        right: 20px;
        font-size: 18px;
        top: 10px;
    }

    .dashBoard-container .topLinks {
        display: none;
    }

    aside .topLinks {
        display: block;
        text-align: center;
        padding: 15px 0px;
        background: #000;
    }

    aside .topLinks a {
        display: inline-block;
        font-weight: 600;
        color: #fff;
        padding: 0px 10px;
    }

    .landingPage{
        background: url('../images/landing-page-mobile-bg.jpg') no-repeat;
        padding: 0px 15px;
    }

    .landingPage .content{
        position: inherit;
        left:0;
        transform: inherit;
        min-height: inherit;
        width: 100%;
        text-align: center;
    }

    .landingPage .logo{
        position: inherit;
        transform: inherit;
        display: block;
        margin: 0 auto;
        max-width: 100px;
        padding: 25px 0px;
    }

    .landingPage .exploreSection{
        position: inherit;
        text-align: center;
        width: 100%;
        padding: 30px 0px;
    }

    .landingPage .content .companyName{
        text-align: center;
        font-size: 32px;
        margin-bottom: 15px;
    }

    .landingPage .content .companyMission{
        display: inline-block;
        width: calc(100% / 3 - 4px);
        vertical-align: top;
    }

    .landingPage .content .companyMission .text{
        width: 100%;
    }

    .landingPage .content .companyMission .title{
        width: 100%;
        text-align: center;
        font-size: 26px;
        margin-bottom: 12px;
        color: #f7953a;
        padding: 0px;
        margin-right: 0;
    }

}

@media (max-width: 1200px) {
    .container {
        max-width: 100%;
    }

    header .mainMenu li {
        margin-right: 5px;
    }

    header .mainMenu li a {
        font-size: 13px;
    }
}

@media (max-width: 1023px) {
    header #menu {
        display: inline-block;
        background: #f7941d;
        color: #fff;
        border: none;
        line-height: normal;
        padding: 8px 12px;
        margin-top: 4px;
        margin-right: 15px;
    }

    header .mainMenu {
        position: fixed;
        background: rgba(0, 0, 0, 0.91);
        left: 0;
        top: 0;
        margin-top: 0;
        width: 200px;
        height: 100vh;
        z-index: 99;
        padding: 15px;
        left: -250px;
    }

    header .mainMenu li {
        margin-right: 0;
        display: block;
        text-align: left;
    }

    header .mainMenu li a {
        font-size: 14px;
        display: block;
        color: #fff;
    }

    header .closeMenu {
        display: inline-block;
        color: #fff;
        font-size: 14px;
    }

    .contactPage .contactInfo li {
        width: 100%;
        border: none;
        text-align: center;
        padding: 15px 0px;
        border-bottom: #a5a8aa solid 1px;
    }

    .contactPage .contactInfo li .img-holder {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .contactPage .contactInfo li .img-holder img {
        max-width: 50px;
    }

    .tabsContainer .customTabs {
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }

    .contactPage .contactInfo li .info {
        width: 100%;
    }

    .tabsContainer .searchHolder {
        float: none;
        width: 100%;
    }

}

@media (max-width: 992px) {
    .loginWrapper .logo {
        width: 200px;
    }

    .loginWrapper .loginBlock {
        width: calc(100% - 400px);
    }
    .contextRow {
        text-align: center;
    }

    .definePage .selectPhrase .form-control {
        width: calc(100% - 122px);
    }

    .userHeader .row > .col-md-7{
        -ms-flex: 0 0 37.333333%;
        flex: 0 0 37.333333%;
        max-width: 37.333333%;
    }

    .userHeader .row > .col-md-5{
        -ms-flex: 0 0 62.666667%;
        flex: 0 0 62.666667%;
        max-width: 62.666667%;
    }
}

@media (max-width: 768px) {
    .loginWrapper .loginBlock {
        width: 100%;
    }

    .loginWrapper .loginIcon {
        display: none;
    }

    .loginWrapper {
        padding: 60px 0px
    }

    .loginWrapper .logo {
        margin-bottom: 40px;
    }

    .loginWrapper .loginBlock {
        padding: 30px 15px;
    }
}

@media (max-width: 767px) {
    .planBlock .btn {
        margin-bottom: 30px;
    }
    header #menu {
        position: absolute;
        top: -44px;
        right: 0;
    }
    header .searchWrapper {
        margin-top: 15px;
        width: 100%;
    }

    .mainPageContainer .companyWrapper p {
        font-size: 13px;
    }

    .mainPageContainer .companyWrapper .companyName {
        font-size: 26px;
    }

    .mainPageContainer footer .title {
        font-size: 16px;
    }

    .tabsContainer .searchHolder {
        float: none;
        width: 100%;
    }

    .companyName {
        font-size: 22px;
        margin-bottom: 15px;
    }
    #owl-demo .sliderBlock h2 {
        font-size: 20px;
    }

    #owl-demo .owl-wrapper-outer {
        min-height: inherit;
    }

    #owl-demo .iconsListing li .circle {
        width: 60px;
        line-height: 60px;

    }

    #owl-demo .iconsListing li .circle img {
        width: 30px;
    }

    .contributorMain {
        padding-bottom: 30px;
    }

    .coinsWrapper {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .funfact .funFact-listing .img-holder {
        width: 100%;
        max-height: inherit;
    }

    .funfact .funFact-listing .img-holder img {
        width: 100%;
    }

    .funfact .funFact-listing .info {
        width: 100%;
        padding: 15px 15px 70px 15px;
    }

    .funfact .funFact-listing .readMore {
        right: 0;
        width: 100%;
        text-align: center;
        height: auto;
        padding: 12px 0px;
        bottom: -0px;
    }

    .funfact .funFact-listing .readMore img {
        top: inherit;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .userHeader{
        text-align: center;
    }

    .userHeader .text-right{
        text-align: center !important;
    }

    .dashBoard-container .userHeader .rightMenu .menu{
        width: 140px;
    }

    .userHeader .row > .col-md-7{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .userHeader .row > .col-md-5{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .dropDown .dropDown-block{
        right: 0 !important;
        margin: 0 auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .dropDown .dropDown-block:before{
        left:0 !important;
        right: 0 !important;
        margin: 0 auto !important;
    }

    .switch-account{
        display: block;
        width: 100%;
    }

    .dashBoard-container .userHeader .rightMenu{
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .dashBoard-container .userHeader .rightMenu .rightDropdown{
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 320px;
        top: 50px;
    }

    .dashBoard-container .userHeader .rightMenu .rightDropdown:before{
        left:0;
        right: 0;
        margin: 0 auto;
    }

    .dashBoard-container .dropDown-block{
        top:45px;
    }

    .userAvtar .dropDown-block{
        top:60px;
    }

    .landingPage .content .companyMission{
        width: 100%;
        display: block;
    }

    .landingPage .exploreSection ul li a{
        font-size: 16px;
    }

    .landingPage .exploreSection .orangeBtn{
        font-size: 14px;
        padding: 8px 40px;
    }

}

@media (max-width: 576px) {
    .media.pb-mediabox img{
        width: 100%;
        margin-bottom: 15px;
    }
    .media.pb-mediabox{
        flex-wrap: wrap;
        justify-content: center;
    }
    .media-body {
        flex: 100%;
        width: 100%;
    }
    .topHeader {
        text-align: center;
    }

    .topHeader .text-right {
        text-align: center !important;
        margin-top: 5px;
    }

    .topHeader .phoneNumber {
        margin-top: 0;
    }
    .userHeader,
    .userHeader .text-right {
        text-align: center !important;
    }

    .userHeader .text-right {
        margin-top: 15px;
    }


    .dashBoard-container .dropDown-block:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .tabsContainer .customTabs li {
        font-size: 14px;
        margin-right: 0;
        display: block;
    }

    .customPagination .numbers {
        margin: 0px 5px;
    }

    .customPagination .perv .fa {
        padding-right: 0;
    }

    .customPagination .next .fa {
        padding-left: 0;
    }

    .customPagination .numbers li {
        margin: 0px 0px;
    }

    .customPagination .numbers li a {
        padding: 0px 5px;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .userProfile .userBlock .basicInfo {
        width: 100%;
        margin-top: 15px;
    }
    .userProfile .userBlock .basicInfo ul li {
        width: 100%;
    }

    .contactPage .map {
        height: 320px;
    }

    .actionsBtn .orangeBtn {
        display: block;
        margin-bottom: 15px;
        margin-left: 0 !important;
        width: 100%;
    }

    .voteMeaningBg .contextListing li {
        width: calc(100% / 2 - 16.2px);
    }

    .voteMeaningBg .contextListing li:nth-child(3n + 0) {
        margin-right: 20px;
    }

    .voteMeaningBg .contextListing li:nth-child(2n + 0) {
        margin-right: 0;
    }

    .blueHeading .orangeBtn.float-right {
        float: left !important;
        margin-bottom: 10px;
        margin-top: 5px;
    }

}