/********************************************************
    17. Responsive CSS Start
********************************************************/

@media only screen and (min-width: 1400px) and (max-width: 1700px) {
    .pc_banner_form {
        background: #fff;
        padding: 45px 40px 45px 45px;
        box-shadow: 0px 0px 50px 0px rgba(59, 63, 94, 0.1);
        width: 80%;
        margin-top: 0;
        margin-left: 125px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1480px) {
    .pc_banner_form span {
        margin-left: -25px;
    }
}

@media (max-width: 1400px) {
    .pc_banner_form {
        padding: 40px 20px 40px 20px;
        width: 100%;
        margin-top: 80px;
        margin-left: 0;
    }
    .main_menu_parent {
        margin-right: 10px;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 60px;
    }
    .pc_partner_button .swiper-button-next1 {
        margin-right: -60px;
    }
    .pc_partner_button .swiper-button-prev1 {
        margin-left: -60px;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_team_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_service_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 12px 10px;
    }
    .call_icon {
        padding: 18px 10px;
    }
    .call_number {
        padding: 18px 10px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_sidebar_search a {
        padding: 11px 15px;
    }
    .pc_sidebar_search input[type="text"] {
        height: 47px;
    }
}

@media (max-width: 1200px) {
    .main_menu_wrapper ul>li>a {
        padding: 12px 10px;
    }
    .call_number {
        padding: 18px 10px;
    }
    .call_icon {
        padding: 18px 10px;
    }
    .pc_call_btn {
        margin-left: 5px;
    }
    .main_menu_parent {
        margin-right: 20px;
    }
    .pc_banner_form_section input[type="text"] {
        width: 100%;
    }
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0px;
    }
    .pc_banner_form form {
        display: flex;
    }
    .pc_banner_left_content {
        margin-left: 22px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_team_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_service_button {
        right: 70px;
        top: -40px;
    }
    .video-play-button {
        bottom: 20%;
        left: 20px;
    }
}

@media (max-width: 1024px) {
    .main_menu_parent {
        margin-right: 20px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 12px 15px;
    }
    img.pc_testimonial_icon {
        left: 40%;
        top: 150px;
    }
    .cs_footer_section4 {
        margin-top: 30px;
    }
    .cs_footer_section5 {
        margin-top: 30px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 12px 7px;
    }
    .fs--42 {
        font-size: 28px !important;
    }
    .banner4 p, .banner3 p, .banner2 .inline_box p {
        font-size: 18px;
    }
    .banner2 .inline_box h3 {
        font-size: 28px;
    }
    .banner2 p {
        font-size: 20px;
    }
    .vertical_slide{
        height: 60vh;
        min-height: 450px;
    }
    .vertical_slide h6 {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .main_menu_wrapper li.has_submenu:before,
    .main_menu_wrapper li.has_submenu:after {
        background: var(--green-color);
    }
    .main_menu_wrapper li.has_submenu:before {
        right: 26px;
        width: 2px;
        height: 12px;
        top: 20px;
    }
    .main_menu_wrapper li.has_submenu:before,
    .main_menu_wrapper li.has_submenu:after {
        position: absolute;
        bottom: 0;
        content: '';
    }
    .fixed_header {
        position: relative;
        padding: 0;
    }
    .pc_header_wrapper {
        padding: 0;
    }
    .page_title_wrapper {
        padding: 41px 0 41px;
    }
}

@media screen and (max-width:991px){
    .navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;transition:.5s;z-index:999;width:100%;height:100%;}
    .navbar-mobile .dropdown ul{z-index:99;box-shadow:0 0 30px rgba(127,137,161,.25)}
    .navbar-mobile .active,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#0cbaa4;font-weight:600;}
    .navbar-mobile .dropdown ul{opacity:1;visibility:visible}
    .navbar-mobile .dropdown ul li{min-width:200px}
    .navbar-mobile .mobile-nav-toggle{position:absolute;top:65px;right:35px;font-size:25px;border:1px solid #f0f0f0;padding:2px;background:#fff;border-radius:4px}
    #navbar ul{display:block;position:absolute;top:100px;right:0;bottom:0;left:0;padding:15px 0 0;background-color:#fff;overflow-y:auto;transform: scale(0);transition:.5s;}
    .navbar-mobile>ul>li{padding:0;border-bottom:1px solid #f0f0f0}
    .navbar-mobile a,.navbar-mobile a:focus{padding:10px 2.5rem;font-size:15px;color:#2e3e4e;border:none}
    #navbar.navbar-mobile ul {transform: scale(1);}
    .pc_about_wrapper{
        margin: 0px auto;
    }
    .ps_about_body{
        margin:0;
    }
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }
    .main_menu_wrapper ul>li>a {
        padding: 15px 20px 0px;
    }
    .pc_client_img_quote img {
        left: 50%;
        bottom: -12px;
    }
    .call_icon {
        padding: 14px 10px;
        font-size: 14px;
    }
    .call_number {
        padding: 14px 10px;
        font-size: 14px;
    }
    .call_number:hover {
        padding: 14px 10px;
        font-size: 14px;
    }
    .main_menu_parent {
        margin-right: 0;
        margin-top: 30px;
    }
    .pc_banner_form form {
        display: inline-block;
    }
    .pc_banner_form span {
        display: inline-block;
        margin-bottom: 10px;
    }
    .pc_banner_form {
        width: 80%;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 60px;
    }
    .video-play-button {
        top: 50%;
        left: 10px;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    .menu_btn {
        padding: 5px 0 0px 0;
    }
    .pc_team_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_service_button {
        position: absolute;
        right: 70px;
        top: -40px;
    }
    .pc_client_quote {
        padding-right: 0px;
        padding-top: 20px;
    }
    img.pc_testimonial_icon {
        left: 40%;
        top: 150px;
    }
    .main_menu_wrapper>ul>li>a:before {
        display: none;
    }
    .pc_about_img {
        text-align: center;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .pc_blog_section {
        margin-bottom: 30px;
    }
    .pc_contact_form {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .pc_img_text_container {
        display: block;
    }
    .pc_img_text_container p {
        width: 100%;
        padding: 15px 0 0;
    }
    .pc_blog_comment ul li ul {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .menu_btn {
        padding: 6px 0 16px 0;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }
    .pc_service_button {
        display: none;
    }
    .pc_banner_form form {
        display: block;
    }
    .pc_banner_form span {
        padding-bottom: 10px;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 60px;
    }
    .cs_footer_section4 {
        margin-top: 30px;
    }
    .cs_footer_section5 {
        margin-top: 30px;
    }
    .pc_blog_user_comment {
        display: block;
    }
    .pc_blog_comment {
        padding-left: 0;
    }
    .video-play-button {
        top: 20%;
        left: 15%;
        transform: translateX(0%) translateY(0%);
    }
    .pc_about_img {
        text-align: center;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    .main_menu_parent {
        margin-right: 0;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    .pc_team_button {
        right: 80px;
        top: -35px;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_contact_box {
        padding-bottom: 30px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .pc_our_services_img {
        margin-top: 50px;
        text-align: center;
    }
    .pc_blog_section {
        margin-bottom: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .pc_sidebar_wrapper {
        margin-top: 50px;
    }
    .pc_blockquote {
        display: block;
    }
    .pc_blockquote_quote {
        width: 100%;
        margin: 15px 0 0;
    }
    .pc_img_text_container {
        display: block;
    }
    .pc_img_text_container p {
        width: 100%;
    }
    .pc_author_message_box {
        display: block;
        margin: 40px 0 43px;
    }
    .pc_author_content {
        width: 100%;
        padding: 13px 0 0;
    }
    .pc_comment_holder {
        display: block;
    }
    .pc_comment_detail {
        width: 100%;
        padding: 12px 0;
    }
    .container-fluid .container{
        padding: 0 !important;
    }
    .pc_blog_comment ul li ul {
        padding-left: 0;
    }
    
    #content .container-fluid{
        padding: 0;
    }
    .user-background img{
        left: 0;
        right: 0;
    }
    .user_details{
        margin-left: 1rem;
        padding: 0;
    }
    section#content{
        padding: 0;
    }
    
    section.artist_list{
        padding: 50px;
    }
    .fs--42 {
        font-size: 20px !important;
    }
    .banner4 p, .banner3 p, .banner2 .inline_box p {
        font-size: 14px;
    }
    .vertical_slide h6 {
        font-size: 14px;
    }
    :root {
        --swiper-navigation-size: 25px;
    }
    .fixed-top-margin {
        margin-top: 110px;
    }
    .vertical_slide {
        height: 50vh;
        min-height: 350px;
    }
    .banner2 .inline_box {
        padding: 0.8rem 1.5rem;
    }
    .banner2 .inline_box h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .banner2 p {
        font-size: 14px;
    }
    .gallery_item{
        height: 200px;
    }
    .event_banner img{
        height: 180px !important;
    }
    .gallery_item.ryhming_img{
        height: auto;
    }
    .card_design6.image{
        height: 300px;
    }
    .blog_banner{
        height: auto;
    }
}

@media (max-width: 567px) {
    #header {
        padding: 10px 0;
    }
    section{
        padding: 15px 0;
    }
    .d_rclass_wrapper{
        padding:15px 0;
    }
    .pc_banner_form {
        width: 100%;
        margin-top: 60px;
        margin-left: 0;
    }
    #header .logo img{height:40px;}
    .pc_banner_left_content{min-height:300px;margin:0;}
    .main_menu_parent {
        margin-right: 0;
    }
    .pc_banner_form form {
        display: inline-block;
    }
    .pc_about_img {
        text-align: center;
    }
    .pc_banner_form span {
        padding-bottom: 10px;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .pc_contact_box {
        margin-bottom: 30px;
    }
    .cs_footer_section3 {
        margin-bottom: 30px;
    }
    .cs_footer_section4 {
        margin-bottom: 30px;
    }
    .cs_footer_section5 {
        margin-bottom: 30px;
    }
    .pc_call_btn {
        margin-left: 0;
    }
    a.menu_btn {
        margin-top: -7px;
    }
    .pc_banner_left_content {
        margin-left: 30px;
        margin-top: 60px;
    }
    .pc_our_services_img {
        margin-top: 40px;
    }
    .main_menu_parent {
        margin-right: 0px;
    }
    .pc_banner_left_text1 h1 {
        font-size: 26px;
    }
    .pc_banner_left_text1 p {
        font-size: 14px;
    }
    .pc_team_wrapper .swiper-button-next1 {
        display: none;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    .pc_service_heading.center h2 {
        padding: 5px 0 10px;
        font-size: 24px;
        width: 100%;
    }
    .pc_service_button {
        display: none;
    }
    .menu_btn {
        padding: 15px 0 11px 0;
    }
    .cs_footer_section2 {
        margin-top: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .cs_footer_section4 {
        margin: 0;
    }
    h2.ps_about_heading {
        font-size: 24px;
    }
    .pc_our_services_heading h2 {
        font-size: 24px;
        width: 100%;
    }
    .pc_heading h2 {
        padding: 5px 0px 10px;
        font-size: 24px;
    }
    .pc_shop_box {
        margin-top: 30px;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    .pc_team_button {
        display: none;
    }
    .pc_service_button {
        display: none;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .video-play-button {
        left: 0;
    }
    .heading_title{
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .ps_about_body h2{
        font-size: 22px !important;
        line-height: 26px !important;
        margin-bottom: 15px !important;
    }
    .ps_about_body p{
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 10px !important;
    }
    .y-vid{
        height: 250px;
    }
    .pnt_project_section{
        padding: 30px 0 0;
    }
    .pc_testimonial_wrapper{
        margin:0;
    }
    .user_links{
        padding: 0;
    }
    .user_links a{
        padding-left: 15px;
    }
    section.artist_list{
        padding: 30px;
    }
    .vertical_slide {
        height: auto !important;
        min-height: auto !important;
        background: #f0eff7;
    }
    .vertical_slide img{
        width: 100%;
        height: 140px;
        object-fit: scale-down;
        margin:auto;
    }
    .banner1 img{
        min-height: 250px;
    }
}

@media (max-width: 400px) {
    .pc_banner_form {
        width: 100%;
        margin-top: 50px;
        margin-left: 0;
    }
    .pc_banner_form form {
        display: inline-block;
    }
    .pc_partner_button {
        display: none;
    }
    .pc_contact_box {
        margin-bottom: 30px;
    }
    .cs_footer_section3 {
        margin-bottom: 20px;
    }
    .pc_contact_wrapper {
        padding: 60px 0px;
    }
    .main_menu_parent {
        margin-right: 35px;
        margin-top: 30px;
    }
    .pc_call_btn {
        margin-left: 0;
    }
    .call_number {
        padding: 15px 3px;
        font-size: 14px;
    }
    .pc_service_button {
        display: none;
    }
    .call_icon {
        padding: 15px 3px;
        font-size: 14px;
    }
    .pc_shop_box {
        margin-top: 20px;
    }
    .pc_shop_item_discount {
        left: 150px;
        top: 50px;
    }
    .cs_footer_section2 {
        margin-top: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .cs_footer_section5 {
        margin: 0;
    }
    .cs_footer_section4 {
        margin: 0 0 30px;
    }
    .pc_service_button {
        display: none;
    }
    .pc_counter_icon_box {
        margin-top: 30px;
    }
    .pc_banner_left_content {
        margin-left: 20px;
        margin-top: 40px;
    }
    .pc_team_button {
        display: none;
    }
    .pc_logo {
        text-align: left;
        margin-right: 0;
    }
    a.menu_btn {
        margin-top: 0;
    }
    .pc_our_services_heading h2 {
        font-size: 24px;
        width: 100%;
    }
    .pc_banner_left_text1 p {
        font-size: 14px;
    }
    .main_menu_parent {
        margin-right: 35px;
        margin-top: 30px;
    }
    .pc_heading h2 {
        padding: 5px 0px 10px;
        font-size: 24px;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    a.menu_btn {
        position: absolute;
        top: 0px;
    }
    a.menu_btn {
        margin-top: -7px;
    }
    li.pc_call_info_box {
        margin-top: -30px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
    .video-play-button {
        top: 20%;
        left: 0;
        transform: translateX(0%) translateY(0%);
    }
}

@media (max-width: 300px) {
    .pc_service_button {
        display: none;
    }
    .pc_client_quote {
        padding-right: 0px;
    }
    .pc_main_menu.main_menu_parent {
        text-align: center;
        margin-top: 20px;
    }
    .pc_banner_left_text1 p {
        font-size: 14px;
    }
    .pc_banner_right_img {
        margin-top: 40px;
    }
    .ps_about_text1 p {
        font-size: 14px;
    }
    h1.ps_about_heading {
        font-size: 24px;
    }
    .pc_heading h2 {
        padding: 5px 0px 10px;
        font-size: 24px;
    }
    li.pc_call_info_box {
        margin-top: -30px;
    }
    .pc_counter_icon_box {
        margin-top: 20px;
    }
    .pc_shop_item_discount {
        left: 40px;
        top: 40px;
    }
    .pc_shop_box {
        margin-top: 20px;
    }
    .cs_footer_section2 {
        margin-top: 30px;
    }
    .cs_footer_section3 {
        margin-top: 30px;
    }
    .cs_footer_section4 {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .pc_header_wrapper {
        padding: 27px 0 100px;
    }
    .call_icon {
        padding: 15px 3px;
        font-size: 14px;
    }
    .call_number {
        padding: 15px 3px;
        font-size: 14px;
    }
    a.menu_btn {
        position: absolute;
        top: 0px;
    }
    img.pc_testimonial_icon {
        left: 25%;
        top: 150px;
    }
    .pc_banner_right_img {
        margin-right: 0;
        margin-top: 60px;
    }
}