@media only screen and (min-device-width :320px) and (max-device-width :480px) {
    .mobilenone {
        display: none
    }

    .home_bg input[type=button] {
        width: 100%;
    }
}

@media only screen and (max-width :320px) {
    .mobilenone {
        display: none
    }
}

@media all and (min-width:800px) {
    ul.nav li.dropdown:hover > ul {
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        display: block !important
    }

    
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    .mobilenone {
        display: none
    }

    .header-main {
        height: 45vh
    }

    .ddl_desktop {
        /*padding: 10px 8px !important;*/
        font-size: 13px !important
    }

    .home_bg h1 {
        padding-top: 20px;
        font-size: 32px;
    }

    .logo_img1 {
        width: 25%;
    }

    .home_bg {
        background-color: black;
        padding-bottom: 60px;
    }

    .tarot-inside-bg {
        background-repeat: repeat;
        background-size: inherit;
    }

    .tarot-inside-bg-last {
        background-repeat: repeat;
        background-size: inherit;
    }
}

@media only screen and (min-width :1366px) and (max-device-height: 1024px) {
    .home_bg h1 {
        padding-top: 20px;
        font-size: 50px;
    }

    .home_bg {
        background-color: black;
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .mobileshow {
        display: none
    }

    .header-main {
        height: 90vh
    }

    .blk-friday {
        background-size: 100%;
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .mobileshow {
        display: none
    }

    .header-main {
        height: 45vh
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :980px) and (orientation :portrait) {
    .zodiac-shadow-none {
        box-shadow: none !important
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :2) {
    .mobileshow {
        display: none
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio :2) {
    .mobileshow {
        display: none
    }
}

@media only screen and (min-width :1224px) {
    .mobileshow {
        display: none
    }
}

@media only screen and (min-width :1824px) {
    .mobileshow {
        display: none
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :480px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :480px) and (orientation :portrait) and (-webkit-min-device-pixel-ratio :2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }

    .blk-friday {
        background-size: 100%;
    }
}

@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation :landscape) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:2) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation :landscape) and (-webkit-device-pixel-ratio:3) {
    .mobilenone {
        display: none
    }
}

@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:3) {
    .mobilenone {
        display: none !important
    }
}

@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation :landscape) and (-webkit-device-pixel-ratio:3) {
    .mobilenone {
        display: none
    }

    .header-main {
        height: 130vh !important
    }
}

@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:3) {
    .mobilenone {
        display: none
    }
}

@media only screen and (max-width: 555px) {
    .carousel-indicators li {
        display: none;
    }

        .carousel-indicators li.active {
            display: block !important;
            margin: auto;
        }
}

@media (max-width:767px) {
    
    
    /*#tarotYearCards div, #tarotResolutionCards div, #tarotMonthCards div {
        height: 230px !important;
    }*/
    .tarot-month {
        display: block !important;
        overflow-x: scroll;
        width: 90%;
    }

    #tarotMonthCardsMobile {
         width: 100% !important; 
    }

    .tarot-inside h3 {
        font-size: 18px;
        line-height: 1.5;
    }

    .guide-need {
        font-size: 36px;
    }

    .tarot-inside-bg {
        background-repeat: repeat;
        background-size: inherit;
    }

    .tarot-inside-bg-last p {
        line-height: 1.6;
        font-size: 16px;
    }

    .tarot-inside-bg-last {
        background-repeat: repeat;
        background-size: inherit;
    }

    .home_bg {
        padding-bottom: 60px;
        background-size: auto !important;
        background-color: #3b1463;
    }

        .home_bg h1 {
            font-size: 32px !important;
            padding-top: 0px;
            text-align: center;
        }

    .text-mob-center {
        text-align: center;
    }

        .home_bg .btnShowPlanner {
            width: 100% !important;
        }


        #tarotYearCards div, #tarotResolutionCards div, #tarotMonthCards div {
            width: 125px !important;
            height: 230px !important;
        }

    .center-numerlogy-text {
        margin: auto;
        margin-top: 15px;
    }

    .zodiac-background-img {
        background-image: none;
    }

    .blk-friday {
        background-size: 127%;
        background-position-y: 15px;
    }

    .blg-container {
        margin-top: -125px !important;
    }

    .card1 {
        display: block !important
    }

    .pr-5-mobile-0 {
        padding-right: 0
    }

    .min-height-tarot {
        height: 234px !important;
        width: 90%
    }

        .min-height-tarot .card {
            background-size: 100% !important;
            height: 158px !important
        }

    .wizard-card .wizard-header {
        padding: 10px 0 0 !important
    }

    .wizard-card .moving-tab {
        font-size: 12px !important
    }

    .wizard-card .tab-content {
        padding: 0 !important;
        min-height: 120px !important
    }

    .btn.btn-success {
        width: 100px;
        padding: 11px 36px !important
    }

    .btn-previous {
        width: 100px;
        padding: 11px 23px !important
    }

    .mobile-w-100, .pagebtn {
        width: 100%
    }

    .mobile-font-24 {
        font-size: 24px !important
    }

    .article_title, .lucky_font {
        font-size: 18px
    }

    .festheader_text11 span {
        left: 43% !important
    }

    .mobile-mb-0 {
        margin-bottom: 0 !important
    }

    .forgot-height {
        min-height: 200px !important
    }

    .navbar {
        min-height: 57px
    }

    .option ul li::after {
        top: 12% !important
    }

    .mobile-mt-5 {
        margin-top: 15px
    }

    .tab-link .bg-none {
        display: inline-block;
        background: 0 0 !important
    }

    .bg-none button {
        border-radius: 8px 8px 0 0 !important
    }

    .tab-link li {
        margin: 5px 1px !important
    }

    .hor-content {
        width: 100% !important
    }

    .carousel-3d-slider[data-v-c06c963c] {
        width: 200px !important;
        height: 375px !important
    }

    .carousel-3d-container {
        height: 330px !important
    }

    .carousel-3d-slide, .carousel-3d-slide.current {
        width: 200px !important;
        height: 375px !important
    }

    .next[data-v-43e93932], .prev[data-v-43e93932] {
        color: #fff !important
    }

    .Card_Detail_box {
        text-align: center
    }

    .CardImage {
        float: none;
        padding-right: 0;
        display: initial
    }

    .hor-avalable li:before {
        content: ''
    }

    .hor-avalable li a {
        min-width: 100px;
        display: block;
        text-align: left
    }

    .article-home-label {
        min-height: 400px !important
    }

    .tarot_testimonial, .tarotmainbox {
        min-height: 200px
    }

    .home_tarot_testimonial {
        width: 100% !important
    }

    .tarot-meaning {
        padding: 0 15px !important;
        text-align: justify
    }

        .tarot-meaning h2 {
            text-align: center
        }

    .matchInTxt {
        padding: 6px 1px !important
    }

    .yeartop_section {
        margin-top: 20px
    }

    .zodiac-shadow-none {
        box-shadow: none !important
    }

    .topshadow {
        height: 10px
    }

    .logo img {
        max-width: 100%
    }

    .logo_img {
        max-width: 170px
    }

    /*.logo_img1 {
        max-width: 60%;
    }*/

    .panel_shadow {
        background: 0 0;
        background-size: initial;
        padding-bottom: 0;
        padding-top: 0
    }

    .w-100 {
        width: 0
    }

    .left_section {
        clear: both
    }

    .mobile_center {
        text-align: center !important
    }

    .lg-text-right, .mobile_left {
        text-align: left
    }

    .tarotpagebtn {
        font-size: 15px;
        padding-bottom: 10px
    }

    .tarotmainbox {
        box-shadow: none
    }

    .mobile_pd_5 {
        padding: 5px
    }

    .tab-link li {
        padding: 5px;
        font-size: 14px
    }

    .tab-link ul {
        padding-left: 0
    }

    .font30, .font60, .line-height-2 h1 {
        font-size: 26px
    }

    .zodiac-rows a:active, .zodiac-rows a:focus {
        outline: 0
    }

    .zodiac-row-1 strong, .zodiac-row-2 strong, .zodiac-row-3 strong {
        font-size: 13px;
        padding: 10px 15px 0px;
        line-height: .5;
        display: block;
    }

    .zodiac-date {
        font-size: 10px;
    }

    .zodiac-bg-brinjal, .zodiac-bg-pink, .zodiac-bg-red {
        background: 0 0
    }

    .zodiac-rows {
        height: 142px;
        padding-top: 20px
    }

    .yearly-header {
        font-size: 18px
    }

    .ui-autocomplete {
        width: 250px !important
    }

    .p-5 {
        padding: 0 !important
    }

    .small-border h1 {
        font-size: 18px;
        line-height: 1.4
    }

    .desktop_none {
        display: block
    }

    .mobilenone {
        display: none !important
    }

    .card-1 {
        left: 4%
    }

    .card-2 {
        left: 8%
    }

    .card-3 {
        left: 13%
    }

    .card-4 {
        left: 18%
    }

    .card-5 {
        left: 23%
    }

    .card-6 {
        left: 28%
    }

    .card-7 {
        left: 33%
    }

    .card-8 {
        left: 38%
    }

    .card-9 {
        left: 43%
    }

    .card-10 {
        left: 48%
    }

    .card-11 {
        left: 53%
    }

    .card-12 {
        left: 58%
    }

    .card-13 {
        left: 63%
    }

        .card-10:hover, .card-11:hover, .card-13:hover, .card-7:hover, .card-8:hover, .card-9:hover {
            border-radius: 6px
        }

    .ds-padding-20 {
        padding: 0
    }

    .list-inline > li {
        padding-left: 0 !important
    }

    .tarot-container {
        margin-top: 40px;
        height: 189px !important;
        margin-left: 0px !important;
    }

    .logo, .navbar-brand {
        margin-top: 0
    }

    .card, .card:hover {
        width: 33% !important;
        height: 100%;
        background-size: contain
    }

    .card {
        background-position-y: 0
    }

    .policyfields {
        display: inline-block;
        padding: 0 2px !important
    }

    #content, .caraousal-middle-text {
        display: none
    }

    .fate, .ptdesktop-30 {
        padding-top: 0
    }

    .small-border h2 {
        font-size: 20px
    }

    .option ul li {
        padding: 2px 11px
    }

        .option ul li a {
            font-size: 14px
        }

    .padding-footer {
        padding: 15px !important
    }

    .mobile_search {
        padding: 5px !important
    }

    .welcome_div {
        padding-top: 42px
    }

    .logo {
        width: 70%
    }

    .Search_welcome {
        text-align: center;
        padding: 0 0 10px !important
    }

    .navbar-toggle {
        padding: 1px;
        margin-top: 10px;
        margin-bottom: 0
    }

    .overlay-menu {
        overflow-y: scroll
    }

    .header-main {
        background-image: none !important;
        background-color: #221F1F !important
    }

    .category-group {
        width: 90% !important;
        left: 15px !important
    }

    .pageHeaderbg .pageHeader, .sub-header p {
        width: 100% !important
    }

    .category-feature {
        padding-left: 0
    }

        .category-feature li {
            padding: 8px 12px !important
        }

    .homeHeaderbg .pageHeader {
        background-color: transparent !important
    }

    .navbar-nav {
        margin: 0 -15px !important;
        background-color: #C62641
    }

    #sidebar {
        margin-left: -250px
    }

        #sidebar.active, .readlater-btn {
            margin-left: 0
        }

    .nopaddingmobile {
        padding-left: 0;
        padding-right: 0
    }

    .pagetoppadding {
        padding-top: 40px
    }

    .mobileshow {
        display: block
    }

    .yearly-report-link {
        background-image: url(https://cdn.horoscopelogy.com/hor/images/mobile_ads.png);
        background-position: center;
        background-repeat: no-repeat;
        min-width: 300px;
        height: 117px
    }

        .yearly-report-link div {
            display: none
        }

    .zodiac-round {
        background-image: none
    }

    .zodiac-box-size {
        width: 33.3%
    }

    .zodiac-round .zodiacimg-box {
        float: none;
        text-align: center
    }

    .zodiac-round .aquarius, .zodiac-round .aries, .zodiac-round .cancer, .zodiac-round .capricorn, .zodiac-round .gemini, .zodiac-round .leo, .zodiac-round .libra, .zodiac-round .pisces, .zodiac-round .sagittarius, .zodiac-round .scorpio, .zodiac-round .taurus, .zodiac-round .virgo {
        margin: 6px
    }
}

@media(min-width: 767px) {
    .navbar-nav > li > a {
        padding: 16px 0px !important;
    }

    

}

@media(max-width: 813px) {

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .caraousal-middle-text {
        display: none
    }

    .readlater-btn {
        margin-left: 10px
    }
}