@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
    .column-5 {
        padding: 0 15px;
        width: 20%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about_us_thumb_2 {
        right: 15px;
    }
    .spa_version .spa_cta_area {
        margin-left: -490px;
        width: 970px
    }
    .navbar-nav>li>a {
        padding: 34px 10px;
    }
    .navbar-right .dropdown-menu {
        width: 200px;
    }
    .hidden-md {
        display: none !important;
    }
    .agency_version .single_advisor_details_info>h4 {
        font-size: 18px;
    }
    .column-5 {
        padding: 0 15px;
        width: 20%;
    }
    .single_latest_news_text_area {
        padding: 5px;
    }
    .landing_one_version .about_single_part_area .about_text {
        width: 470px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 700px;
    }
    .nav-menu>li>a {
        padding: 26px 5px;
    }
    .agency_cool_facts .cool_fact_text {
        width: 50%
    }
    .default-title h2 {
        font-size: 36px;
    }
    .agency_version .agency_about_img {
        display: block;
        float: none;
        width: 100%;
        height: 500px
    }
    .agency_version .about_us_text {
        margin: 15px;
        padding: 15px
    }
    .agency_version .our_speciality_area {
        float: none;
        width: 100%
    }
    .mainmenu ul#nav li a {
        padding: 28px 7px;
    }
    .single_choose_us:before {
        height: 100%;
        left: -55%;
        top: 0;
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg);
        width: 140%
    }
    .single_choose_us:hover:before {
        width: 210%
    }
    .choose_us_overlay_text p {
        font-size: 14px
    }
    .modal-dialog {
        width: 600px !important
    }
    .special_area_image {
        margin-top: 50px
    }
    .gallery_info p,
    .gallery_info h5 {
        font-size: 14px
    }
    .minimalist_portfolio .message_title,
    .minimalist_portfolio .about_us_thumb {
        margin-top: 30px
    }
    .spa_version .spa_cta_area {
        margin-left: -381px;
        width: 750px
    }
    .spa_section_heading h2 {
        font-size: 30px
    }
    .single_gallery_item {
        width: 50%
    }
    .accordions.last {
        margin-top: 15px
    }
    .business_startup_wc_text h2 {
        font-size: 130px;
    }
    .hidden-sm {
        display: none !important;
    }
    .welcome_text.white h2 {
        font-size: 30px;
    }
    .sm-mt-30 {
        margin-top: 30px;
    }
    .sm-mb-30 {
        margin-bottom: 30px;
    }
    .choose_us_icon_title {
        width: 100%;
    }
    .single_choose_us::before {
        height: 100%;
        left: 0;
        top: 0;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
        width: 100%;
    }
    .social_links_area>a {
        font-size: 16px;
        height: 30px;
        width: 30px;
    }
    .business_startup .social_links_area>a {
        font-size: 14px;
    }
    .business_startup .social_links_area>a>i {
        line-height: 30px;
    }
    .spa_version .single_cool_facts {
        padding-left: 30px;
    }
    .column-5 {
        padding: 0 15px;
        width: 33.33333333%;
    }
    .creative_version .single_service_content {
        top: 20%;
    }
    .single_portfolio_details_area.masonary_thumb .single_gallery_item {
        width: 25%;
    }
    .port_details_video_area {
        height: 300px;
        width: 100%;
    }
    .landing_one_version .about_single_part_area .about_text {
        width: 375px
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .container {
        width: 280px;
    }
    .section_padding_100 {
        padding: 50px 0;
    }
    .section_padding_100_70 {
        padding: 50px 0 20px;
    }
    .section_padding_200 {
        padding: 100px 0;
    }
    .section_padding_200_170 {
        padding: 100px 0 70px;
    }
    .not-found-text h3 {
        font-size: 24px;
    }
    .timeline_text_content>p {
        font-size: 13px
    }
    .timeline_text_content>h3 {
        font-size: 14px
    }
    .single_timeline_block .timeline_text_content {
        width: calc(50% - 40px)
    }
    .single_timeline_block.even-item .timeline_text_content:before {
        left: calc(100% + 39px)
    }
    .single_timeline_block.odd-item .timeline_text_content:before {
        right: calc(100% + 39px)
    }
    .timeline_text_content {
        padding: 10px
    }
    .agency_version .agency_about_img {
        display: block;
        float: none;
        width: 100%;
        height: 500px
    }
    .agency_version .about_us_text {
        margin: 15px;
        padding: 15px
    }
    .agency_version .our_speciality_area {
        float: none;
        width: 100%
    }
    .video_play_area>h3 {
        font-size: 18px
    }
    .single_gallery_item {
        width: 100%
    }
    .agency_version .single_advisor_details_info {
        padding: 15px
    }
    .agency_version .view_more>a {
        bottom: 25px;
        right: 15px
    }
    .agency_cool_facts .cool_fact_text {
        float: left;
        margin: 0;
        width: 100%;
        padding: 50px 0
    }
    .cool_fact_text>h2 {
        font-size: 24px
    }
    .cool_fact_text>h4 {
        font-size: 14px
    }
    .agency_cool_facts .cool_fact_text:first-child:before,
    .agency_cool_facts .cool_fact_text:last-child:before {
        display: none
    }
    .agency_version .social_links_area {
        padding: 0 0 30px 0;
        text-align: center
    }
    .agency_version .footer_bottom {
        padding: 0;
        text-align: center
    }
    .gallery_menu ul>li {
        padding: 6px
    }
    .modal-dialog {
        width: 300px !important
    }
    .live_preview>a {
        font-size: 14px
    }
    .faq_area.two {
        margin-top: 30px
    }
    .single_choose_us {
        height: 270px;
        width: 100%;
    }
    .single_choose_us::before {
        left: 0;
        top: 0;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
        width: 100%;
    }
    .choose_us_icon_title {
        width: 100%;
    }
    .choose_us_overlay_text p {
        font-size: 14px
    }
    .mean-container a.meanmenu-reveal {
        padding: 25px 30px;
    }
    .creative_version .partner_company_area {
        padding: 100px 30px 0
    }
    .special_area_image {
        margin-top: 50px
    }
    .minimalist_portfolio .message_title,
    .minimalist_portfolio .about_us_thumb {
        margin-top: 30px
    }
    .slidea-title-lg {
        font-size: 3rem
    }
    .photography_social_icon {
        margin-bottom: 60px
    }
    .spa_section_heading h2 {
        font-size: 30px
    }
    .spa_version .single_cool_facts {
        display: block;
        float: none;
        margin-bottom: 15px;
        width: 100%
    }
    .spa_version .spa_cool_facts_area {
        display: block
    }
    .spa_version .spa_service_image {
        padding-bottom: 15px
    }
    .spa_version .spa_cta_area {
        margin-left: -155px;
        width: 300px
    }
    .spa_version .spa_cta_text>h3 {
        padding: 0 15px
    }
    .introduction_text_area>p {
        font-size: 14px
    }
    .restaurant_version .restaurant_slider_text .slidea-title-lg {
        font-size: 40px
    }
    .restaurant_version .single_food_menu_details {
        padding: 0 15px 30px
    }
    .restaurant_version .single_food_item_img {
        height: 70px;
        width: 70px
    }
    .restaurant_version .single_food_item_tex {
        padding-left: 85px
    }
    .single_food_item_tex>p {
        font-size: 14px
    }
    .restaurant_version .single_food_menu_nav>a>h3 {
        font-size: 14px
    }
    .restaurant_version .single_food_menu_nav>a>p {
        font-size: 11px
    }
    .accordions.last {
        margin-top: 15px
    }
    .hidden-xs {
        display: none !important;
    }
    .height_700,
    .height_600,
    .height_800 {
        height: 500px !important;
    }
    .agency_version .single_advisor_details_info>h4 {
        font-size: 18px;
    }
    #scrollUp {
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .welcome_text.white h2 {
        font-size: 24px;
    }
    .wel_video .video_btn {
        font-size: 36px;
    }
    .xs-mt-30 {
        margin-top: 30px;
    }
    .xs-mt-15 {
        margin-top: 15px;
    }
    .xs-mb-30 {
        margin-bottom: 30px;
    }
    .about_us_thumb_2 {
        height: 120px;
        width: 120px;
    }
    .welcome_area.yt_video_background .welcome_text h2 {
        font-size: 30px;
    }
    .minimalist_portfolio .minimalist_welcome_area_text>h3 {
        font-size: 24px;
    }
    .minimalist_portfolio .single_gallery_item {
        width: 100%;
    }
    .download_app_area .download_app_text>a>img {
        width: 120px;
    }
    .default-title h3.font-greatvibes {
        font-size: 20px;
    }
    .spa_section_heading h2 {
        font-size: 30px;
    }
    .column-5 {
        padding: 0 15px;
        width: 100%;
    }
    .page_title>h4 {
        font-size: 16px;
    }
    .coming_soon_timer ul li {
        font-size: 12px;
        height: 50px;
        line-height: 50px;
        width: 50px;
    }
    .coming_soon_timer ul li span {
        font-size: 16px;
    }
    .subscribe_bar p {
        font-size: 14px;
        margin: 0px 0 10px;
    }
    .subscribe_bar form #mail {
        height: 40px;
        margin-bottom: 15px;
        padding: 10px;
        width: 250px;
    }
    .creative_version .single_service_content {
        margin: 0 15px;
        padding: 10px;
        top: 10%;
    }
    .vimeo_video_version .testimonial_text>p {
        font-size: 18px;
    }
    .default-title,
    .default-title h2,
    h2.default-title {
        font-size: 18px;
    }
    .default-description,
    .default-description>p,
    h2.default-description {
        font-size: 14px;
    }
    .minimal_version .single_gallery_item {
        width: 100%;
    }
    .minimal_version .cta_text>h2 {
        display: block;
        font-size: 24px;
        margin-bottom: 30px;
    }
    .minimal_cta_btn {
        margin-left: 0;
    }
    .spa_version .single_special_offer_img>img {
        height: 180px;
        width: 180px;
    }
    .sign_in_facebook,
    .sign_in_twitter {
        margin-bottom: 15px;
        padding: 8px 15px;
        display: block;
    }
    .sign_in_twitter {
        margin-left: 0;
    }
    .register_form .form-group>input,
    .login_manual_form .form-group>input {
        width: 80%;
    }
    .subscribe_bar>img {
        max-width: 200px;
    }
    .subscribe_bar {
        margin-top: 0;
    }
    .port_details_video_area {
        height: 240px;
        width: 100%;
    }
    .landing_one_version .landing_hero_text>h2 {
        font-size: 40px
    }
    .landing_one_version .about_single_part_area .about_thumb {
        display: block;
        float: none;
        width: 100%
    }
    .landing_one_version .about_single_part_area .about_us_content {
        display: block;
        float: none;
        height: 350px !important;
        width: 100%;
    }
    .landing_one_version .about_single_part_area .about_text {
        width: 320px
    }
    .landing_one_version .single_footer_widget {
        margin-bottom: 30px
    }
    .nav-dropdown>li>a, .megamenu-list > li > a {
        width: 65%;
    }
    
    
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 400px;
    }
    .modal-dialog {
        width: 450px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container {
        width: 470px;
    }
    .modal-dialog {
        width: 520px;
    }
    .welcome_app_thumb {
        width: 60%;
    }
    .restaurant_version .single_food_menu_nav>a>h3 {
        font-size: 16px
    }
    .restaurant_version .single_food_menu_nav>a>p {
        font-size: 13px
    }
    .spa_version .spa_cool_facts_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .spa_version .single_cool_facts {
        display: inline-block;
        float: left;
        margin-bottom: 0;
        width: 32.333%;
    }
    .single_gallery_item {
        float: left;
        width: 50%;
    }
}