@media (max-width:1200px) {
    .navbar-default .navbar-nav>li>a {
        color: #2c3144;
        padding: 10px 0
    }
    .pay-group img {
        max-width: 60px;
    }
    .pay-group [type=radio]:checked+label:before,
    .pay-group [type=radio]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
    }
    .pay-group [type=radio]:checked+label:after,
    .pay-group [type=radio]:not(:checked)+label:after {
        top: 3px;
        left: 3px;
    }
    .upload-pic img {
        height: 46px!important;
        border-radius: 50%;
        width: 46px;
    }
    body,
    p {
        font-size: 12px;
    }
    .copy_btn {
        font-size: 9px;
    }
}

@media (min-width:1200px) {
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: 0 0;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: visibility .5s, opacity .5s, -webkit-transform .5s cubic-bezier(.43, .26, .11, .99);
        -moz-transition: visibility .5s, opacity .5s, -moz-transform .5s cubic-bezier(.43, .26, .11, .99);
        -o-transition: visibility .5s, opacity .5s, -o-transform .5s cubic-bezier(.43, .26, .11, .99);
        -ms-transition: visibility .5s, opacity .5s, -ms-transform .5s cubic-bezier(.43, .26, .11, .99);
        transition: visibility .5s, opacity .5s, transform .5s cubic-bezier(.43, .26, .11, .99)
    }
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu,
    .navbar-nav .dropdown:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden
    }
}

@media (min-width:992px) {
    .flexslider .slides img,
    .ts-flex-slider .flexSlideshow {
        height: 750px
    }
    .dropdown i {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-default .navbar-nav>li>a {
        color: #ffffff !important;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 0 5px!important
    }
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: 0 0;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: visibility .5s, opacity .5s, -webkit-transform .5s cubic-bezier(.43, .26, .11, .99);
        -moz-transition: visibility .5s, opacity .5s, -moz-transform .5s cubic-bezier(.43, .26, .11, .99);
        -o-transition: visibility .5s, opacity .5s, -o-transform .5s cubic-bezier(.43, .26, .11, .99);
        -ms-transition: visibility .5s, opacity .5s, -ms-transform .5s cubic-bezier(.43, .26, .11, .99);
        transition: visibility .5s, opacity .5s, transform .5s cubic-bezier(.43, .26, .11, .99)
    }
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu,
    .navbar-nav .dropdown:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden
    }
    .parallax {
        padding: 60px 0
    }
    .navbar-brand {
        width: auto
    }
    .navbar-brand.navbar-bg {
        width: 25%
    }
    .header2 .navbar-brand,
    .header3 .navbar-brand,
    .header4 .navbar-brand {
        padding-right: 0;
        padding-left: 0
    }
    ul.navbar-nav>li>a {
        padding: 21px 8px;
        font-size: 12px
    }
    ul.navbar-nav>li:last-child a {
        padding-right: 8px
    }
    #main-slide .slider-content h2 {
        font-size: 36px
    }
    #main-slide .slider-content h3 {
        font-size: 22px;
        margin: 20px 0
    }
    .slider.btn {
        padding: 5px 25px;
        margin-top: 5px;
        font-size: 16px
    }
    #main-slide .carousel-indicators {
        bottom: 20px
    }
    .cd-hero-slider .cd-btn {
        margin-top: 15px!important;
        font-size: 12px!important
    }
    .cd-slider-nav ul li.video {
        display: none
    }
    .cd-slider-nav {
        bottom: 40px!important
    }
    .isotope-nav {
        margin: 0 auto 40px
    }
    figure.effect-oscar figcaption {
        padding: 1.5em
    }
    figure.effect-oscar figcaption::before {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px
    }
    figure.effect-oscar h3 {
        margin-top: 0;
        font-size: 16px
    }
    .feature-center-content h3,
    .feature-content h3 {
        font-size: 14px;
        line-height: normal
    }
    .featured-tab .tab-pane img {
        width: 45%
    }
    .featured-tab .tab-pane i.big {
        font-size: 150px
    }
    .featured-tab .tab-pane,
    .landing-tab .tab-pane {
        text-align: left
    }
    .team {
        padding-bottom: 50px
    }
    .plan {
        margin-bottom: 60px
    }
    .testimonial-content {
        padding: 0 30px
    }
    .recent-post {
        padding-bottom: 40px
    }
    #back-to-top.affix {
        bottom: 35px
    }
    .video-block-head {
        margin-top: 30px
    }
    .call-to-action .btn.btn-primary {
        font-size: 12px
    }
    .hero-text {
        width: 95%
    }
    .hero-title {
        font-size: 36px
    }
    .hero-buttons a.btn {
        padding: 10px 20px
    }
    .app-gallery figure.effect-oscar a {
        margin-top: 105px
    }
    .blog-post {
        padding-bottom: 40px
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        background: #9439ee;
    }
    li.sign-in a {
        color: #639 !important;
    }
    .drdsh_header_left_text {
        margin: 102px 0 0 0 !important;
    }
    .outerwavwpt .testolistmain {
        width: 54% !important;
    }
    .outerwavwpt.d-flex.justify-content-center.align-items-center.blue-wave {
        margin: 0 0 20px 0;
    }
    .outerwavwpt .bgwavebox {
        top: 0;
    }
    .outerwavwpt .testolistmain {
        top: 93px;
        left: -12px;
    }
    ul.navbar-nav>li.sign-in>a {
        color: #639 !important;
    }
    .inner-header ul.navbar-nav>li.sign-in>a {
        color: #ffffff !important;
    }
    section.serving-layout-box {
        display: none;
    }
    .benifits-box .info {
        height: 54px;
    }
    .content-box.support-bg {
        margin-top: 0;
    }
}

@media (max-width:767px) {
    /* .clouds-bottom {
        display: none;
    } */
    .img-large {
        max-height: 241px !important;
    }
    section.serving-layout-box {
        display: none;
    }
    .register-section .team-box>img {
        display: none
    }
    .btn.btn-primary {
        padding: 0!important
    }
    .content-box.mt-0 {
        padding: 0 0;
        padding-top: 15px;
    }
    .font-32 {
        font-size: 17px;
    }
    .sign-up {
        width: 100% !important;
    }
    .contact-form-box {
        min-height: auto;
    }
    .address-box {
        padding: 0 15px;
    }
    .btn.btn-primary.solid {
        height: 57px;
        width: 100px
    }
    .newsletter-form button {
        padding: 14px 12px!important
    }
    .content-box.payment-box {
        margin-top: 96px
    }
    .supprt_box {
        min-height: auto;
        height: auto;
    }
    img {
        max-width: 100%;
    }
    .content-box {
        height: auto;
    }
    .drdsh-plan-header h2 {
        font-size: 18px;
        line-height: 18px
    }
    .drdsh-plan-header .choose_btn {
        width: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 5px
    }
    .price {
        font-size: 18px;
        line-height: 18px
    }
    .check_box {
        display: block
    }
    .currency {
        font-size: 18px
    }
    .package-plan {
        text-align: center;
        margin-bottom: 15px
    }
    .drdsh-plan-xl.border-b-1.text-center img {
        display: none
    }
    .pay-group {
        display: block
    }
    .drdsh-plan-xl {
        width: 27%
    }
    .package-plan .price_box {
        justify-content: center
    }
    .dekstop-menu {
        display: none
    }
    .submi_btn {
        margin-top: 15px
    }
    .mobile-menu {
        display: block!important
    }
    .choose_btn {
        border-radius: 5px;
        font-size: 18px;
        padding: 0 2px;
        line-height: 18px;
    }
    .price_box {
        margin-bottom: 0
    }
    .blob2 {
        display: none
    }
    .blob {
        display: none
    }
    .register-section label {
        font-size: .8em
    }
    .card.form-box {
        margin: 100px 0;
        margin-bottom: 200px
    }
    .contact-box-img {
        margin: -66px auto;
        margin-bottom: 30px;
        width: 32%
    }
    .app-box-img {
        margin: -79px auto;
        margin-bottom: -79px;
        margin-bottom: 0;
        height: auto;
        width: 38%
    }
    .form-control {
        padding: 6px 6px
    }
    .mt-100 {
        margin-top: 89px
    }
    .flex-box.number-info .form-control {
        display: block;
        width: 69%
    }
    .flex-box.number-info {
        display: flex
    }
    .app-download-box.flex.social-btns {
        margin: 10px auto;
        padding-left: 0
    }
    .price-plan-heading {
        font-size: 1.9rem;
        font-weight: 400;
        padding: 5px
    }
    .fixed {
        top: 0px
    }
    .blue-box {
        padding: 10px 0
    }
    .info {
        font-size: 14px
    }
    h1 {
        font-size: 27px;
        line-height: 30px
    }
    .yellow-box {
        padding: 10px 0
    }
    .content-box.gray-bg .price_table {
        margin: 10px 0;
        padding: 15px
    }
    .white-space .content-heading {
        font-size: 20px;
        line-height: 25px
    }
    .newslatter-footer h2 {
        font-size: 2rem
    }
    .dash-board-img {
        width: 100%
    }
    .footer-section {
        margin-top: auto;
        padding-top: 0
    }
    .right-img {
        justify-content: left
    }
    .right-text-box {
        text-align: left
    }
    .white-box {
        padding: 0
    }
    .lang-switcher {
        margin-top: 0
    }
    .center-img {
        display: none
    }
    .intigrations {
        display: none
    }
    .navbar-brand {
        float: left;
        height: 61px;
        padding: 9px 15px;
        font-size: 18px;
        line-height: 20px
    }
    .newslatter-footer {
        background: #639;
        height: auto;
        color: #fff;
        padding: 19px;
        margin-bottom: 50px;
        margin-bottom: -9px;
        position: static;
        z-index: 9;
        margin: 0;
        left: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .col-md-12.heading.text-center {
        margin: 10px auto;
        padding: 0;
        margin-top: 0px !important;
    }
    .testolistmain img {
        display: none;
    }
    .white-space {
        width: 100%
    }
    .benefits-bg {
        background: 0 0;
        padding-bottom: 0
    }
    .flex-box {
        display: block
    }
    .business-section.content-box {
        padding-top: 50px
    }
    .content-box.gray-bg {
        padding: 80px 0
    }
    .content-box {
        margin: 20% 0
    }
    .center-space {
        padding: 0 10px
    }
    .compare_plan_sheet table td {
        display: table;
        padding: 15px
    }
    .content-box {
        margin: 0 0;
        padding: 12px 0
    }
    .price_table {
        margin: 15px 0;
        margin-top: 15px;
        margin-top: 0;
        padding: 0;
        margin-top: 0
    }
    .strter_list_specification li {
        text-align: center
    }
    .compare_plan_sheet table td {
        width: 100%;
        padding: 15px
    }
    .register-main-box {
        padding: 0
    }
    .card {
        padding: 10px 38px
    }
    .strter_list_specification {
        margin-top: 1em
    }
    .stepbox ul {
        display: flex;
        align-items: center;
        overflow: scroll;
        padding: 0
    }
    .upload_txt {
        display: block
    }
    .chat_conversion {
        width: 75%;
        padding: 0 10px
    }
    .upload_txt.upload-pic {
        padding-left: 0
    }
    .stepbox ul li a {
        white-space: nowrap
    }
    .file-upload-input {
        height: 24px
    }
    .e-icon-box {
        max-width: 1280px;
        position: relative;
        margin: 0 auto;
        display: none
    }
    .search_input {
        width: 100%
    }
    .baloon-board {
        display: block!important
    }
    .title2 {
        margin-top: 0
    }
    .board-baloon img {
        display: none
    }
    .heading {
        text-align: center
    }
    .heading .title-icon {
        float: none!important;
        margin: 0 0 20px;
        display: inline-block
    }
    h2.title {
        font-size: 28px;
        border-left: 0
    }
    .title-desc {
        line-height: normal;
        padding: 0
    }
    .btn.btn-primary {
        padding: 8px 22px
    }
    h2 {
        font-size: 21px;
        line-height: 3rem;
    }
    .navbar-brand.navbar-bg {
        height: 50px;
        line-height: 50px;
        width: auto
    }
    .navbar-brand.navbar-bg img {
        background-size: contain;
        width: 160px
    }
    ul.navbar-nav>li>a {
        padding: 21px 10px
    }
    .navbar-collapse ul.navbar-nav>li.active>a,
    .navbar-collapse ul.navbar-nav>li:hover>a {
        color: #ee3b24
    }
    .about {
        padding-top: 40px
    }
    .about.angle:before {
        position: relative
    }
    .content-heading {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 700
    }
    .navbar-nav>li {
        float: none
    }
    .nav.navbar-nav.pull-right {
        float: left!important;
        text-align: center;
        padding-left: 100px
    }
    .navbar-nav>li {
        margin: 5px 5px
    }
    /* .Compare-drdsh-plans {
        width: 400px;
        overflow: auto;
    }
    .Compare-drdsh-plans .row {
        overflow: auto;
    }
    .col-md-12.drdsh-plan-price-table {
        width: 1100px;
    } */
    .price-table {
        width: 100%;
        overflow: auto;
    }
    .col-md-12.drdsh-plan-price-table {
        overflow: auto;
    }
    .drdsh-plan-header {
        width: 1100px;
        margin-top: 0;
        top: 0;
    }
    .d-p-table {
        width: 1100px;
    }
    .fixed {
        position: static !important;
    }
    .header-heading-text {
        font-weight: normal;
    }
    .heading {
        padding-bottom: 0;
    }
}

@media (max-width:479px) {
    #main-slide .slides img {
        height: 230px
    }
    #main-slide .item img {
        height: 250px
    }
}