/*RESPONSIVE MENU*/
.responsive_btn {display: none; cursor: pointer; text-align: center; width: 40px; height: 40px; margin: -2px 0; float: right; position: relative; z-index: 20; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; background: #FFAE00; border-radius: 8px; margin-left: 40px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.responsive_btn span {display: block; height: 2px; width: 20px; position: relative; top: 50%; margin: -1px auto;}
.responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
.responsive_btn span:before {top: -6px;}
.responsive_btn span:after {bottom: -6px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after { background: #fff; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #fff;}
.responsive_nav { display: none; position: fixed; left: -280px; top: 0; bottom: 0; width: 280px; min-height: 100%; z-index: 9999999; background: #121212; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_nav {margin: 0; padding: 0; text-align: left;}
.responsive_nav ul{display: flex; flex-direction: column; align-items: start;}
.responsive_nav li { border-top: 1px solid rgba(255, 255, 255, 0.2); list-style-type: none; margin: 0; padding: 0; position: relative; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; width: 100%;}
.responsive_nav li:first-child {border-top: none;}
.responsive_nav li:after{display: none;}
.responsive_nav li > a {display: block; padding: 12px 10px 8px; color: var(--white-color); position: relative;}
.responsive_nav li a:hover,.responsive_nav li a:focus,.responsive_nav li.current_page_item > a{color: var(--primary-color);}
.responsive_nav ul {padding: 0 }
.responsive_nav .sub-menu,.responsive_nav li a i {/*display: none;*/}
.responsive_nav .subarrow { display: flex; pointer-events: inherit; width: 30px; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; }
.responsive_nav .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999; transform: none; background: rgba(0, 0, 0, 0.0); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; }
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0; overflow-y: auto;}
.responsive .responsive_btn {pointer-events: none;}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before {opacity: 0;}
.responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}
.responsive_nav li.menu-item-has-children{display: block;}
.responsive_nav ul li .sub-menu{ padding-left: 0; position: relative; transition: none; width: 100%; border-radius: 0; left: 0; visibility: visible; opacity: inherit; display: none; padding-left: 15px; }
/*MENU END*/

@media only screen and (max-width: 1599px) {
    .home_menu_navigation{
        padding-bottom: 50px;
    }
    .home_gallery_top_banner{
        margin-bottom: 60px;
    }
    .home_all_portfolio_section_tab_link .categoryMenu li{
        padding-bottom: 13px;
    }
    .home_all_portfolio_section_tab_link .categoryMenu li a{
        font-size: 22px;
        padding-bottom: 7px;
    }
    .home_all_portfolio_section_tab_link .btnMenu .bookStudio a{
        padding: 13px 35px;
    }
    .home_all_portfolio_section_tab_link .btnMenu .bookChris a{
        padding: 13px 35px;
    }
    .about_inner_img_right_text_details .sub_text{
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 12px;
    }
    .cmn_heading{
        font-size: 35px;
        line-height: 42px;
    }
    p{
        font-size: 15px;
        line-height: 26px;
    }
    .about_team_btn{
        padding: 10px 35px;
    }
    .about_inner_img_right_text_details .contact_box{
        margin-top: 12px;
    }
    .about_inner_img_right_text_details .socialFollow{
        padding-top: 6px;
    }
    .innerMenu .container_sam nav .btnMenu .bookStudio a{
        padding: 13px 35px;
    }
    .innerMenu .container_sam nav .btnMenu .bookChris a{
        padding: 13px 35px;
    }
    .tax-portfolio-category .publication-list-portfolio-details .desc{
        font-size: 15px;
        line-height: 25px;
    }
    .innerMenu .logo{
        padding-bottom: 35px;
    }
    .home_menu_navigation nav ul li a{
        font-size: 16px;
    }
    .innerMenu nav .innerMenu{
        padding-top: 10px;
    }
    .contact_inner_page_form input{
        margin-bottom: 15px;
    }
    .contact_inner_page_right_details_box{
        margin-top: 77px;
        padding-left: 50px;
    }
    .book_studio_inner_main_img{
        height: 370px;
        margin-bottom: 25px;
    }
    .book_studio_left_inner_box .paragraph{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .book_studio_page_btn{
        padding: 13px 35px;
    }
    .gallery-block.grid-gallery{
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 1439px){
    .socialFollow_header i{
        font-size: 20px;
    }
    .home_menu_navigation{
        padding-bottom: 35px;
    }
    .home_menu_navigation .container_sam nav ul{
        gap: 50px;
        left: -25px;
    }
    .innerMenu .container_sam nav ul{
        left: 0;
    }
    .home_all_portfolio_section_tab_link .categoryMenu li{
        padding-bottom: 7px;
    }
    .home_all_portfolio_section_tab_link .categoryMenu li a{
        font-size: 18px;
        padding-bottom: 8px;
    }
    .about_inner_img_right_text_details .sub_text{
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 12px;
    }
    .cmn_heading{
        font-size: 32px;
        line-height: 39px;
    }
    .innerMenu .container_sam nav ul li{
        padding-bottom: 13px;
    }
    .contact_inner_banner_img{
        margin-bottom: 40px;
    }
    .portfolio_append.publication-list .listing_img_box .listing_heading a{
        font-size: 20px;
        padding: 8px;
    }
    .book_studio_inner_main_img{
        height: 300px;
        margin-bottom: 20px;
    }
    .contact_inner_page_right_details_box .socialFollow{
        padding-top: 22px;
    }
    .row_about_us_inner{
        display: block;
    }
    .col_about_us_inner_left{
        width: 50%;
        float: left;
    }
    .col_about_us_inner_right{
        width: 100%;
    }
    .about_inner_img_right_text_details{
        padding-left: 0;
    }
    .about_img_left_inner{
        padding-right: 10px;
        padding-bottom: 5px;
    }
    .about_page_team_section_text{
        padding-top: 40px;
    }
    .home_menu_navigation .logo img{
        width: auto;
    }
}

@media only screen and (max-width: 1359px){
    .book_studio_page_btn{
        padding: 10px 30px;
        font-size: 15px;
    }
    .innerMenu .container_sam nav .btnMenu .bookStudio a{
        padding: 11px 35px;
    }
    .book_studio_inner_main_img{
        height: 255px;
    }
    .book_studio_left_inner_box{
        padding-right: 0;
    }
    .cmn_heading{
        font-size: 30px;
        line-height: 37px;
    }
    .portfolio_append.publication-list .listing_img_box .listing_heading a{
        font-size: 19px;
        padding: 6px;
    }
    .home_menu_navigation .container_sam nav ul{
        gap: 40px;
    }
    .contact_inner_page_form input{
        font-size: 18px;
        padding: 11px 1px;
    }
    .contact_inner_page_right_details_box{
        margin-top: 65px;
        padding-left: 30px;
    }
    .contact_inner_page_right_details_box .socialFollow{
        padding-top: 15px;
    }
}

/* 1170px */
@media only screen and (max-width: 1199px){
    
   
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .home_menu_navigation .container_sam nav ul{gap: 30px; left: 0;}
    .about_team_btn { padding: 10px 20px; }
    .about_inner_img_right_text_details .sub_text{font-size: 30px;}
}

/* 768px */
@media only screen and (max-width: 991px){
    .home_menu_navigation .container_sam nav{display: none;}
    .responsive_nav{display: block;}
    .responsive_btn {display: block;}
    .contact_sub_text_header, .socialFollow_header_text{display: none;}
    .home_menu_navigation{padding: 25px 0 40px 0;}
    .home_menu_navigation .container_sam nav{margin-top: 20px;}
    .home_menu_navigation .container_sam{flex-direction: row;}
    .responsive_nav ul .menu-header-menu-container{order: 1; width: 100%;}
    .responsive_nav ul .contact_box{order: 2;}
    .responsive_nav ul .socialFollow_header{order: 3;}
    .link_contact_text_header a, .socialFollow_header i{color: #fff; font-size: 16px; padding: 0 10px; margin-top: 10px;}
    .innerMenu{position: relative; width: 100%; overflow: hidden;}

    .contact_inner_page, 
    .book_studio_inner_page, 
    .portfolio_append.publication-list,
    .about_us_inner_section,
    .tax-portfolio-category .publication-list-portfolio-details
    {margin-left: 0;}

    .innerMenu .logo{padding-bottom: 0;}
    .responsive_nav ul .categoryMenu{width: 100%;}
    .responsive_nav ul .innerMenu {border-top: 1px solid rgba(255, 255, 255, 0.2); box-shadow: none;}
    .responsive_nav ul .btnMenu{border-top: 1px solid rgba(255, 255, 255, 0.2); width: 100%;}
    .responsive_nav ul .categoryMenu,
    .responsive_nav ul .innerMenu,
    .responsive_nav ul .btnMenu{order: 1;}
    .responsive_nav ul .socialFollow{order: 3;}
    .responsive_nav ul .contact_box, .responsive_nav ul .contact_box a{color: #fff;}
    .responsive_nav ul .contact_box, .responsive_nav ul .socialFollow{padding-left: 10px; margin-top: 6px;}
    .responsive_nav ul .socialFollow i{margin-right: 10px; color: #fff;}
    .responsive_nav .bookStudio a{
        background: #535353;
    }
    .responsive_nav .bookChris a{
        background: #FFAE00;
    }
    #masthead.innerMenu {
        position: fixed;
        top: 0;
        height: auto;
    }
    body:has(.innerMenu) .site-content {
        margin-top: 100px;
    }
}

/* 576px */
@media only screen and (max-width: 767px){
    .togglebutton{display: block;}
    .home_all_portfolio_section_tab_link{/*flex-direction: column-reverse; align-items: center;*/}
    .home_all_portfolio_section_tab_link.fixed .categoryMenu{position: relative;}
    .home_all_portfolio_section_tab_link .categoryMenu{width: 100%; text-align: center;}
    .col_about_us_inner_left { width: 100%; float: none;}
    .about_page_team_section_text{flex-direction: column; align-items: start; row-gap: 15px;}
    .team_innerpages_gallery_images{columns: 2;}
    .home_tab_left_menu {
        position: fixed;
        top: 0%;
        left: -430px;
        background: #fff;
        padding: 20px;
        z-index: 99;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        transform: translate(-240px);
        transition: all 300ms ease-in;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    .home_tab_left_menu.open{left: 0; transform: translate(0px); transition: all 300ms ease-in;}
    .home_all_portfolio_section_tab_link .categoryMenu li a {
        font-size: 18px;
        padding-bottom: 0;
        text-align: center;
    }
}

/* 480px */
@media only screen and (max-width: 575px){
    .tax-portfolio-category .publication-list{columns: 2;}
    .portfolio_append.publication-list{columns: 2;}
    .tax-portfolio-category .publication-list a figure{height: 230px;}
    .tax-portfolio-category .publication-list a figure img{height: 100%; object-fit: cover;}
    .portfolio_append.publication-list .listing_img_box figure{height: 185px;}
    .portfolio_append.publication-list .listing_img_box figure img{height: 100%; object-fit: cover;}
    .home_all_portfolio_section_tab_link .publication-list{columns: 2;}
    .home_all_portfolio_section_tab_link .publication-list a figure{height: 260px;}
    .home_all_portfolio_section_tab_link .publication-list a figure img{height: 100%; object-fit: cover;}
    .home_menu_navigation{
        padding: 25px 0;
    }
    body:has(.innerMenu) .site-content {
        margin-top: 72px;
    }
}

/* 360px */
@media only screen and (max-width: 479px){ 
    .container_custom {
        padding-left: 20px;
        padding-right: 20px;
    }
    .about_inner_img_right_text_details .sub_text, .cmn_heading{font-size: 22px; line-height: 29px;}
    .home_menu_navigation .logo img {
        width: 210px;
        height: auto;
    }
    .responsive_nav ul .contact_box, .responsive_nav ul .contact_box a {
        color: #fff;
        font-size: 15px;
        line-height: 24px;
    }
    .listing_heading.listing_heading_overview{
        font-size: 15px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 359px){
    .responsive_nav{
        width: 250px;
    }
}