@media only screen and (min-width: 1367px) and (max-width: 1700px) {
    .home-bg:before {
        width: 1700px;
        height: 1180px;
        left: -100px;
        top: -600px;
    }
    .dashboard-bg.home-bg:before {
        top: -900px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1360px) {
    .home-bg:before {
        width: 1300px;
        height: 933px;
        left: -0px;
        top: -400px;
    }
    .dashboard-bg.home-bg:before {
        top: -600px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul li a {
        font-size: 18px;
    }
    .logo:before {
        width: 260px;
        height: 283px;
        left: -50px;
        top: -164px;
    }
    .logo {
        padding: 10px 0 0 25px;
    }
    .logo img {
        max-width: 115px;
    }
    .grid-image {
        max-width: 500px;
    }
    .home-bg:before {
        left: -60px;
        top: -320px;
        width: 1200px;
        height: 800px
    }
    .col-content h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .link-btn {
        font-size: 16px;
        line-height: 18px;
    }
    .col-image:before {
        background-size: 100% 100% !important;
        height: 110px !important;
    }
    .content-section-inner {
        padding: 20px 160px 100px;
    }
    .inner-banner {
        height: 350px;
    }
    .step-section-inner {
        padding: 125px 120px 0;
    }
    .step-section-inline {
        padding: 0px 120px 10px;
    }
    .name-outer .error-msg {
        padding: 10px 15px;
        position: relative;
        float: left;
        width: 100%;
        right: auto;
        height: 0px;
        margin-top: 15px;
    }
    .name-outer.error-name .error-msg {
        height: auto;
    }
    .radio-group {
        padding-top: 20px;
    }
    .name-outer .error-msg:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ff9595;
        top: -14px;
        left: 15px;
        bottom: auto;
    }
    .stack-slider {
        min-height: 287px;
    }
    .dashboard-bg.home-bg:before {
        top: -500px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo:before {
        left: -50px;
        top: -140px;
        width: 220px;
        height: 250px;
    }
    .logo {
        padding: 5px 0 0 15px;
    }
    .logo img {
        max-width: 90px;
    }
    .main-menu ul li a {
        font-size: 18px;
        padding: 10px 20px;
    }
    .search-block {
        max-width: 650px;
        padding: 150px 0;
    }
    h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .search-box-area input[type="search"] {
        width: 375px;
        height: 50px;
        line-height: 50px;
    }
    .search-box-area input[type="submit"] {
        height: 50px;
        line-height: 50px;
    }
    .campaign-con h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .copyright {
        margin-right: 10px;
        font-size: 14px;
    }
    .footer-menu ul li {
        margin: 0 10px;
    }
    .footer-menu ul li a {
        font-size: 14px;
    }
    .back-top {
        font-size: 14px;
    }
    .campaign-con {
        padding: 60px 0;
    }
    .grid-image {
        max-width: 300px;
        height: 260px;
    }
    .grid-video {
        max-width: 290px;
    }
    .grid-content {
        max-width: 300px;
    }
    .grid-content-head h2 {
        font-size: 26px;
    }
    .home-bg:before {
        top: -290px;
        left: -50px;
        width: 1000px;
        height: 800px;
    }
    .dashboard-bg.home-bg:before {
        top: -550px;
    }
    .introduction-text p {
        font-size: 30px;
        line-height: 44px;
    }
    .home-top-block {
        padding: 120px 0 50px;
    }
    .col-content {
        padding: 10px 15px 20px;
    }
    .col-content h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .col-content p {
        font-size: 14px;
        line-height: 20px;
    }
    .link-btn {
        font-size: 14px;
        line-height: 16px;
    }
    .col-image {
        height: 200px;
    }
    .col-image:before {
        background-size: 100% 100% !important;
        height: 100px !important;
    }
    .content-section-inner {
        padding: 20px 80px 70px;
    }
    .inner-banner {
        height: 267px;
        margin-top: 89px;
    }
    .step-section-inner {
        padding: 125px 25px 0;
    }
    .step-section-inline {
        padding: 0 25px 10px;
    }
    .tip-list ul li a {
        font-size: 16px;
    }
    .button-block {
        padding: 50px 40px 0;
    }
    .step-bg:before {
        left: -30px;
        top: -430px;
    }
    .info-list ul li {
        margin-left: 15px;
        min-height: 150px;
        font-size: 16px;
        line-height: 19px;
    }
    .account-form {
        padding: 50px 60px 0;
    }
    .name-outer .error-msg {
        padding: 10px 15px;
        position: relative;
        float: left;
        width: 100%;
        right: auto;
        height: 0px;
        margin-top: 15px;
    }
    .name-outer.error-name .error-msg {
        height: auto;
    }
    .radio-group {
        padding-top: 20px;
    }
    .name-outer .error-msg:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ff9595;
        top: -14px;
        left: 15px;
        bottom: auto;
    }
    .step-navigation h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .content-container.step-bg {
        min-height: 600px;
    }
    .grid-popup {
        max-width: 700px;
    }
    .popup-inner:before {
        top: -370px;
        left: 12px;
    }
    .dashboard-user {
        padding-left: 20px;
    }
    .dashboard-sidebar {
        padding-left: 20px;
        padding-top: 50px;
    }
    .user-dropdown a {
        font-size: 15px;
        line-height: 22px;
    }
    .dashboard-filter>ul>li {
        font-size: 15px;
        line-height: 22px;
    }
    .user-dropdown ul li>a {
        font-size: 14px;
        padding: 7px;
    }
    .dashboard-filter>ul>li>ul>li>a {
        font-size: 14px;
    }
    .dashboard-filter>ul>li>a>img {
        margin-bottom: 4px;
    }
    .user-dropdown a span img {
        margin-bottom: 4px;
    }
    .user-dropdown {
        padding-top: 3px;
    }
    .dashboard-sidebar ul li {
        margin-top: 20px;
    }
    .dashboard-sidebar ul li a {
        font-size: 14px;
    }
    .stack-slider {
        min-height: 266px;
    }
    .stack-slider-top {
        padding: 25px 15px 9px;
    }
    .stack-slider-bottom {
        padding: 20px 15px;
    }
    .slider-btn {
        max-width: 130px;
        font-size: 14px;
    }
    .slider-title {
        padding-bottom: 10px;
    }
    .dashboard-wrap {
        padding: 150px 0 40px;
    }
    .rating-title {
        margin: 20px 0 0;
    }
    .grid-title-right {
        width: 73%;
    }
    .rating-title span {
        font-size: 16px;
    }
    .rating-blk span {
        font-size: 16px;
        width: 44%;
    }
    .rating-blk ul {
        width: 40%;
    }
    .rating-expand {
        width: 16%;
    }
    .block-content-btns .button.primary.small {
        max-width: 180px;
    }
    .block-content-btns .button.secondary.small {
        max-width: 180px;
    }
    .image-wrapper img {
        max-width: 500px;
    }
    .step-bg.acc-page:before {
        top: -260px;
    }
}

@media only screen and (min-width: 768px) {
    .main-menu-outer {
        display: block !important;
    }
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    .hamburger {
        display: block;
        margin: 35px 25px 0 0;
    }
    .main-menu-outer {
        display: none;
        float: left;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100vh;
        background: rgba(250, 206, 60, 1);
        background: -moz-linear-gradient(left, rgba(250, 206, 60, 1) 0%, rgba(67, 169, 197, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250, 206, 60, 1)), color-stop(100%, rgba(67, 169, 197, 1)));
        background: -webkit-linear-gradient(left, rgba(250, 206, 60, 1) 0%, rgba(67, 169, 197, 1) 100%);
        background: -o-linear-gradient(left, rgba(250, 206, 60, 1) 0%, rgba(67, 169, 197, 1) 100%);
        background: -ms-linear-gradient(left, rgba(250, 206, 60, 1) 0%, rgba(67, 169, 197, 1) 100%);
        background: linear-gradient(to right, rgba(250, 206, 60, 1) 0%, rgba(67, 169, 197, 1) 100%);
        overflow-y: scroll;
        padding: 160px 0 0 0;
    }
    .home-bg:before,
    .dashboard-bg.home-bg:before {
        width: 776px;
        height: 990px;
        -ms-transform: rotate(48deg);
        /* IE 9 */
        -webkit-transform: rotate(48deg);
        /* Safari */
        transform: rotate(48deg);
        left: 10px;
        top: -410px;
    }
    .search {
        display: none;
    }
    .logo {
        padding: 5px 0 0 10px;
    }
    .logo:before,
    .header-container.fixed .logo:before {
        width: 180px;
        height: 250px;
        top: -160px;
        left: -35px;
    }
    .logo img {
        max-width: 70px;
    }
    .header-container.fixed .logo img {
        max-width: 70px;
    }
    .header-container {
        position: absolute;
        z-index: 999;
    }
    .hamburger-box span {
        color: #fff;
    }
    .header-container.fixed {
        background: none;
    }
    .main-menu ul li {
        width: 100%;
        padding: 9px 0;
    }
    .main-menu ul li a {
        float: none;
        display: inline-block;
        color: #ffffff;
    }
    .header-container.fixed .main-menu ul li a {
        color: #ffffff;
    }
    .search-box-outer {
        float: left;
        width: 100%;
        text-align: center;
        padding: 30px 0 100px 0;
    }
    .search-box {
        max-width: 280px;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        position: relative;
    }
    .search-box input {
        width: 100%;
        border: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 0 50px 0 20px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
    .search-box input:focus,
    .search-box input:active {
        outline: none !important;
    }
    .search-box button {
        padding: 0px;
        width: 18px;
        border: 0px;
        position: absolute;
        right: 14px;
        background: none;
        top: 14px;
        cursor: pointer;
    }
    .search-box button:focus {
        outline: none;
    }
    .search-box-outer {
        display: block;
    }
    .campaign-con {
        padding: 33px 0 40px;
    }
    .campaign-con h2 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 23px;
    }
    .footer-container {
        padding: 34px 0 28px;
    }
    .footer-left {
        width: 100%;
        text-align: center;
    }
    .copyright {
        margin: 0 0 15px;
        float: none;
    }
    .footer-menu {
        width: 100%;
    }
    .footer-menu ul {
        width: 100%;
    }
    .footer-menu ul li {
        float: none;
        display: inline-block;
        margin: 15px 0;
        width: 100%;
    }
    .footer-right {
        display: none;
    }
    .button {
        line-height: 16px;
        padding: 20px 0 20px;
    }
    .button.small {
        padding: 0;
    }
    .mobile-device .grid-video {
        max-width: 100%;
    }
    .mobile-device .grid-content {
        max-width: 100%;
        margin-top: 35px;
    }
    .mobile-device .grid-blocks .grid-content-head h2 {
        font-size: 20px;
        padding-bottom: 0;
    }
    .mobile-device .grid-content-head img {
        width: 25px;
        height: 25px;
    }
    .mobile-device .grid-wrapper {
        width: 1600px;
        float: left;
    }
    .mobile-device .grid-row {
        width: 300px;
        display: block;
        margin-right: 20px;
    }
    .mobile-device .grid-blocks {
        margin-bottom: 50px;
    }
    .mobile-device .grid-scroll {
        float: left;
        width: 100%;
        overflow-x: scroll;
    }
    .mobile-device .grid-image {
        height: 250px;
        max-width: 300px;
    }
    .image-overlay-content,
    .mobile-device .image-overlay-content {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        transform: none;
    }
    .image-overlay-content .grid-content,
    .mobile-device .image-overlay-content .grid-content {
        margin: 0;
        background: transparent;
        padding: 0px 0px 20px;
    }
    .mobile-device .swipe-link {
        display: block;
    }
    .mobile-device .grid-row.content_image-only {
        margin-bottom: 0;
    }
    .mobile-device .grid-blocks h2 {
        font-size: 30px;
        line-height: 30px;
        text-align: left;
        padding-bottom: 30px;
    }
    .mobile-device .grid-row.image-only>img {
        -webkit-box-shadow: 0px 8px 20px 5px rgba(222, 222, 222, 1);
        -moz-box-shadow: 0px 8px 20px 5px rgba(222, 222, 222, 1);
        box-shadow: 0px 8px 20px 5px rgba(222, 222, 222, 1);
        margin-bottom: 35px;
    }
    .mobile-device .grid-row.image-only {
        box-shadow: none;
    }
    .home-top-block {
        padding: 120px 0 40px;
    }
    .introduction-text p {
        font-size: 24px;
        line-height: 32px;
    }
    .col-content {
        padding: 15px 20px 25px;
    }
    .col-content h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .link-btn {
        font-size: 16px;
        line-height: 18px;
    }
    .col-image:before {
        background-size: 100% 100% !important;
        height: 140px !important;
    }
    .single-col {
        margin-bottom: 25px;
    }
    .home-list-block {
        padding-bottom: 27px;
    }
    .col-image {
        height: 220px;
    }
    .col-content p {
        min-height: auto;
        max-height: auto;
    }
    .grid-blocks h2 {
        padding-bottom: 25px;
    }
    .grid-video {
        max-width: 100%;
    }
    .grid-content {
        max-width: 100%;
        margin-top: 30px !important;
    }
    .grid-blocks h2 {
        font-size: 25px;
        padding-bottom: 25px;
        line-height: 28px;
    }
    .grid-image {
        max-width: 100%;
        height: 260px;
    }
    .grid-row.content_image-only {
        margin-bottom: 45px;
    }
    .grid-content-head {
        padding-bottom: 2px;
    }
    .grid-blocks .grid-content-head h2 {
        font-size: 22px;
        padding-bottom: 3px;
        line-height: 28px;
    }
    .image-overlay-content {
        left: auto;
        transform: none;
        width: 100%;
        position: relative;
    }
    .grid-row.image-only {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        box-shadow: none;
        margin-bottom: 45px;
    }
    .grid-row.image-only>img {
        -webkit-box-shadow: 0px 8px 20px 5px rgba(222, 222, 222, 1);
        -moz-box-shadow: 0px 8px 20px 5px rgba(222, 222, 222, 1);
        box-shadow: 0px 8px 20px 5px rgba(222, 222, 222, 1);
    }
    .image-overlay-content .grid-content {
        max-width: 100%;
        background: none;
        padding: 0;
    }
    .grid-row.content_image-only {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .grid-blocks {
        margin-bottom: 10px;
    }
    .main-menu ul li ul {
        position: relative;
        width: 100%;
        top: auto;
        margin-top: 15px;
    }
    .main-menu-outer .container {
        padding: 0px;
        overflow: hidden;
    }
    .content-page .hamburger {
        padding-bottom: 30px;
    }
    .content-page .header-container.fixed {
        background: #c6c463;
        /* Old browsers */
        background: -moz-linear-gradient(left, #c6c463 0%, #43a9c5 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #c6c463 0%, #43a9c5 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #c6c463 0%, #43a9c5 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .content-section-inner {
        padding: 30px 0px 30px;
    }
    .inner-banner {
        height: 220px;
    }
    .content-section-inner h1 {
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 10px;
    }
    p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .content-section-inner p {
        margin-bottom: 20px;
    }
    .inner-banner:before {
        content: none;
    }
    .inner-banner-mobile {
        display: block;
        margin-top: 95px;
    }
    .inner-banner {
        display: none;
    }
    .step-section-inner {
        padding: 125px 0 0;
    }
    .step-section-inline {
        padding: 0 0 10px;
    }
    .step-nav li.complete a {
        width: 20px;
        height: 20px;
    }
    .step-nav li.active a {
        width: 20px;
        height: 20px;
    }
    .step-nav li.next a {
        width: 10px;
        height: 10px;
        margin: 5px 0;
    }
    .image-wrapper {
        display: none;
    }
    .tip-list ul li a span {
        display: none;
    }

    .org-search-section {
        padding: 0;
    }

    .step-bg:before,
    .step-bg.acc-page.search-result:before,
    .step-bg.acc-page:before {
        width: 670px;
        -ms-transform: rotate(-44deg);
        /* IE 9 */
        -webkit-transform: rotate(-44deg);
        /* Safari */
        transform: rotate(-44deg);
        left: -20px;
        top: -290px;
        height: 780px;
    }
    .popup-inner:before {
        width: 660px;
        -ms-transform: rotate(44deg);
        /* IE 9 */
        -webkit-transform: rotate(44deg);
        /* Safari */
        transform: rotate(44deg);
        left: -90px;
        top: -190px;
        height: 750px;
        -webkit-border-radius: 67px;
        -moz-border-radius: 67px;
        border-radius: 67px;
    }
    .step-navigation h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .tip-list ul li a {
        padding: 20px;
        line-height: 27px;
    }
    .content-container.step-bg {
        min-height: auto;
        padding-bottom: 100px;
    }
    .step-section-inner {
        padding-top: 130px;
    }
    .step-section-inline {
        padding-top: 0 0 10px;
    }
    .tip-list {
        padding-top: 20px;
    }
    .step-nav {
        padding-bottom: 40px;
    }
    .button-block {
        padding: 50px 0px 0;
        text-align: center;
    }
    .button-block .button.white {
        float: none;
        display: inline-block;
        max-width: 100%;
    }
    .button-block .button.secondary {
        float: none;
        display: inline-block;
        margin-top: 30px;
        max-width: 100%;
    }
    .info-list ul {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .info-list ul li {
        width: 100%;
        min-height: auto;
        padding: 20px 20px;
        text-align: left;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        margin: 5px 0px;
    }
    .step-bg.acc-page:before {
        top: -190px;
    }
    .name-outer .error-msg {
        padding: 10px 15px;
        position: relative;
        float: left;
        width: 100%;
        right: auto;
        height: 0px;
        margin-top: 15px;
        min-width: auto;
    }
    .name-outer.error-name .error-msg {
        height: auto;
    }
    .radio-group {
        padding-top: 20px;
    }
    .name-outer .error-msg:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ff9595;
        top: -14px;
        left: 15px;
        bottom: auto;
    }
    .radio-group .radio-item {
        width: 50%;
    }
    .account-form {
        padding: 50px 80px 0;
    }
    .account-btn {
        text-align: center;
    }
    .account-btn .button.primary {
        float: none;
        display: inline-block;
    }
    .account-btn .button.secondary {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    .account-form input[type="text"] {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    .main-menu ul li ul {
        border-radius: 0px;
    }
    .main-menu ul li ul li {
        padding: 0px;
    }
    .dashboard-top {
        text-align: center;
        padding-bottom: 40px;
    }
    .dashboard-filter {
        width: 100%;
        padding: 0;
    }
    .dashboard-filter>ul {
        text-align: center;
        margin-bottom: 23px;
    }
    .dashboard-filter>ul>li {
        float: none;
        display: inline-block;
        margin: 0 !important;
        width: 100%;
    }
    .dashboard-user {
        width: 100%;
        padding: 4px 6px;
        text-align: center;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 20px;
        float: none;
        display: inline-block;
        max-width: 290px;
        position: relative;
    }
    .user-image {
        position: absolute;
        left: 6px;
        top: 4px;
    }
    .user-dropdown {
        padding-left: 48px;
        padding-top: 2px;
        width: 100%;
        text-align: left;
    }
    .user-dropdown ul {
        width: 100%;
    }
    .user-dropdown a {
        float: left;
        width: 100%;
    }
    .user-dropdown a span {
        float: right;
    }
    .user-dropdown ul {
        top: 40px;
    }
    .dashboard-wrap {
        padding: 130px 0 60px;
    }
    .dashboard-filter>ul>li:first-child {
        font-size: 30px;
        margin-bottom: 11px !important;
    }
    .user-dropdown a span img {
        margin-right: 15px;
        margin-bottom: 4px;
    }
    .footer-container.dashboard-page {
        padding-bottom: 70px;
    }
    .dashboard-sidebar {
        width: 100%;
        padding: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9;
        overflow-x: scroll;
    }
    .dashboard-sidebar ul li {
        width: 19.6%;
        margin: 0 0 0 1px !important;
        text-align: center;
    }
    .dashboard-sidebar ul li:first-child {
        margin-left: 0;
    }
    .dashboard-sidebar ul li a {
        padding: 35px 4px 5px;
        background: #ffffff;
        width: 100%;
        font-size: 12px;
    }
    .dashboard-sidebar ul li a:before {
        right: 0;
        margin: 0 auto;
        top: 12px;
        transform: none;
        width: 20px;
        height: 21px;
    }
    .dashboard-sidebar ul li a:hover {
        background: #00acc8;
        color: #ffffff;
    }
    .dashboard-sidebar ul li.more a:before {
        top: 22px;
    }
    .dashboard-sidebar ul li.mob-menu-icon {
        display: block;
    }
    .dashboard-sidebar ul li a span {
        display: none;
    }
    .dashboard-sidebar ul li.hidden-icon {
        display: none;
    }
    .dashboard-sidebar ul li.overview a:before {
        background: url('../images/svg/overview.svg') no-repeat;
    }
    .dashboard-sidebar ul li.more a:before {
        background: url('../images/svg/more.svg') no-repeat;
    }
    /*--------------- Icon Hover ----------------*/
    .dashboard-sidebar ul li.link1 a:hover:before {
        background: url('../images/svg/calendar-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.link2 a:hover:before {
        background: url('../images/svg/list-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.link3 a:hover:before {
        background: url('../images/svg/note-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.link4 a:hover:before {
        background: url('../images/svg/star-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.link5 a:hover:before {
        background: url('../images/svg/gegevens-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.link6 a:hover:before {
        background: url('../images/svg/help-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.overview a:hover:before {
        background: url('../images/svg/overview-white.svg') no-repeat;
    }
    .dashboard-sidebar ul li.more a:hover:before {
        background: url('../images/svg/more-white.svg') no-repeat;
    }
    .slider-wrap-blk {
        width: 100%;
        margin: 0;
    }
    .stack-slider {
        width: 100%;
        margin: 0 0 30px -20px;
        max-width: none;
        display: none;
    }
    .dashboard-content {
        width: 100%;
    }
    .slider1 .stack-slider-single,
    .slider2 .stack-slider-single,
    .slider3 .stack-slider-single,
    .slider4 .stack-slider-single,
    .slider5 .stack-slider-single {
        position: relative !important;
    }
    .stack-slider-single {
        margin: 0 5px;
    }
    .slider-btn {
        max-width: 240px;
        height: 40px;
        line-height: 38px;
    }
    .slider-nav {
        float: none;
        display: block;
        margin: 20px auto 0;
        max-width: 102px;
    }
    .slider-nav li a img {
        display: inline-block;
    }
    .slider-content {
        position: inherit;
    }
    .stack-slider-bottom {
        padding: 20px;
        text-align: center;
    }
    .stack-slider-top {
        padding: 20px 20px 10px;
    }
    .delete-box {
        bottom: 30px;
        right: 20px;
        top: inherit;
    }
    .mobile-title {
        display: block;
    }
    .slick-list {
        overflow: visible;
    }
    .grid-list ul li {
        position: relative;
        padding: 15px 24px 5px;
    }
    .grid-list ul li h6 {
        display: block;
        float: left;
        width: 100%;
        padding: 0 0 10px;
        margin: 0;
    }
    .tool-tip {
        position: absolute;
        right: 20px;
        top: 17px;
        padding: 0 0 0 15px;
        margin: 0;
    }
    .tip-box {
        right: 100%;
        left: inherit;
        border-radius: 5px 0 5px 5px;
    }
    .tip-box:before {
        right: -8px;
        left: inherit;
        border-width: 10px 10px 0 0;
        border-color: #00d5e4 transparent transparent transparent;
    }
    .grid-text {
        display: block;
    }
    .grid-inner .button.secondary.small {
        line-height: 0;
        margin: 0 auto;
        max-width: 100%;
    }
    .grid-inner .button.secondary.small:hover {
        margin: 0 auto;
    }
    .grid-popup {
        max-width: 420px;
    }
    .btn-row .button {
        max-width: 100%;
    }
    .grid-inner {
        width: 100%;
        display: none;
        padding: 0 0 10px;
        max-width: 100%;
    }
    .grid-inner.active {
        display: block;
    }
    .task {
        width: 100%;
        margin: 0 0 10px;
    }
    .grid-list ul li h6.mobile-only {
        display: block;
    }
    .print {
        display: none;
    }
    .section-four:before {
        display: none;
    }
    .mobile-only {
        display: block;
    }
    .popup-inner p {
        display: none;
    }
    .popup-inner {
        padding: 50px 20px;
    }
    .popup-inner h3 {
        text-align: center;
        padding: 0;
    }
    .rating-title {
        display: block;
        padding: 15px 20px 80px;
    }
    .rating-title span {
        padding: 0 0 20px;
        display: block;
        text-align: center;
        width: 100%;
    }
    .grid-title-right {
        display: block;
        width: 100%;
    }
    .grid-title-right form {
        display: block;
    }
    .select-box-outer {
        width: 100%;
        margin: 20px 0 0;
    }
    .textbox-outer {
        width: 100%;
    }
    .search-icon {
        font-size: 18px;
    }
    .search-icon:hover {
        color: #e3ca4e;
    }
    .serach-outer {
        width: 100%;
        background: 0;
        margin: 0;
    }
    .search-icon img {
        display: none;
    }
    .search-icon {
        background: #fff;
        width: 100%;
        border-radius: 80px;
        margin: 20px 0 0;
    }
    .rating-blk {
        display: block;
        text-align: left;
        position: relative;
    }
    .rating-expand {
        position: absolute;
        right: 0;
        top: 0;
    }
    .block-content-right {
        width: 100%;
    }
    .blk-content-left {
        width: 100%;
        padding: 0 0 30px;
    }
    .blk-content-left .address-blk a {
        padding: 0;
    }
    .block-content-btns .button.primary.small {
        line-height: 0;
        max-width: 100%;
    }
    .block-content-btns .button.secondary.small {
        line-height: 0;
        max-width: 100%;
    }
    .map {
        width: 100%;
    }
    .rating-list ul li {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    }
    .rating-list .rating-blk ul li {
        box-shadow: none;
    }
    .blk-content {
        height: 525px;
    }
    .block-content-btns {
        width: 100%;
    }
    .select-box-outer ul li {
        margin: 0;
        box-shadow: none;
    }
    .rating-list-btn .button.primary.small {
        line-height: 0;
    }
    .rating-list-btn .button.primary.small {
        max-width: 100%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .logo {
        padding: 0px 0 0 4px;
    }
    .step-bg:before {
        width: 870px;
        -ms-transform: rotate(-11deg);
        /* IE 9 */
        -webkit-transform: rotate(-11deg);
        /* Safari */
        transform: rotate(-11deg);
        left: 0px;
        top: -100px;
        height: 480px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
    .logo {
        padding: 0px 0 0 4px;
    }
    .home-bg:before {
        width: 568px;
    }
    .dashboard-bg.home-bg:before {
        width: 568px;
        top: -400px;
    }
    .grid-content-head img {
        width: 16px;
        height: 16px;
    }
    .grid-blocks h2 {
        font-size: 25px;
        line-height: 25px;
        padding-bottom: 17px;
    }
    .content-section-inner h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .step-bg:before {
        width: 700px;
        height: 500px;
        left: -50px;
        top: -180px;
    }
    .account-form {
        padding: 50px 0px 0;
    }
    .step-bg.acc-page:before,
    .step-bg.acc-page.search-result:before {
        left: -200px;
    }
    .tip-box {
        width: 220px;
    }
    .grid-popup {
        max-width: 270px;
    }
    .grid-list ul li h6 {
        font-size: 14px;
    }
    .rating-blk span {
        font-size: 15px;
    }
    .rating-blk ul li img {
        width: 17px;
    }
    .rating-expand {
        width: 16%;
        right: -14px;
    }
    .popup-inner h3 {
        font-size: 25px;
        line-height: 28px;
    }
    .popup-inner:before {
        left: -168px;
    }
}