/* RESPONSIVE STYLES  */
@media (min-width: 1300px) {
    .container-right {
        margin-left: calc(50vw - 562px);
    }
    .sticky-container .cards {
        margin-left: calc(50vw - 562px);
    }
    .work-slider-tab .owl-stage-outer {
        padding-left:  calc(50vw - 562px);
    }
}
@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1335px;
    }
    .container-right {
        margin-left: calc(50vw - 662px);
    }
    .work-slider-tab .owl-stage-outer {
        padding-left:  calc(50vw - 662px);
    }
    .sticky-container .cards {
        margin-left: calc(50vw - 662px);
    }
}
@media (max-width: 1439px) and (min-height: 600px) {
    .work-section .single-work-card{
        width: 37.8rem;
    }
    .work-section .work-thumbnail img {
        height: 44.8rem;
        object-fit: cover;
    }
    .work-section .rounded-right {
        top: 28rem;
        right: 1rem;
    }
    .work-slider-tab .work-thumbnail img {
        height: 48rem;
    }
}
@media (max-width: 1199px) {
    .container-right {
        margin-left: calc(50vw - 476px);
    }
    .container, .container-md, .container-sm {
        max-width: 100%;
        padding: 0 40px;
    }
    h3, .h3 {
        font-size: 2rem;
    }
    h5, .h5 {
        font-size: 1.2rem;
    }
    .sticky-container .cards {
        margin-left: calc(50vw - 476px);
    }
    .top-header{
        padding: 3rem 0;
    }
    /* .banner-section .banner-section-slide ,.banner-section .banner-img{
        height: auto;
    } */
    .home-content-section {
        padding: 10rem 0 7rem;
    }
    .work-section ,.about-section{
        padding: 0 0 10rem;
    }
    .instagram-section{
        padding: 10rem 0;
    }
    .about-section .about-top-left img {
        min-width: 34rem;
    }
    .about-section {
        overflow: hidden;
    }
    .about-bottom {
        margin-left: 36rem;
        width: auto;
        /* overflow: hidden; */
    }
    .about-section .about-top-right {
        padding-left: 3rem;
    }
    .line {
        display: inline !important;
        padding-right: 7px;
    }
    .home-content-section .h1 {
        letter-spacing: -1.5px;
    }
    .breadcrumb-section {
        padding-bottom: 2rem;
    }
    .project-banner-section {
        margin-bottom: 5rem;
    }
    .project-desc-section,.project-listing-section, .other-project-section {
        padding-bottom: 10rem;
    }
    .work-section .work-thumbnail img {
        height: 57rem;
        width: 100%;
    }
    .work-section .single-work-card {
        width: 45rem;
        /* width: 40rem; */
        margin: 0;
    }
    /* .work-slider-tab .owl-item {
        display: none;
    }
    
    .work-slider-tab .owl-item.active {
        display: block;
    } */
    
    .offcanvas-collapse.open {
        padding: 165px 0;
        align-items: start;
        /* height: 100vh; */
        /* overflow: hidden; */
        overflow-y: auto;
    }
    .navbar-nav .dropdown-menu {
        position: relative;
        left: 0;
        margin: 10px 0 20px;
        width: 100%;
    }
    .navbar-collapse .nav-link{
        font-size: 52px;
    }
    .top-spacing {
        margin-top: 8.5rem;
        min-height: calc(100vh - 31.5rem);
    }
    .tab-section {
        padding: 5rem 0 7rem;
    }
    .nav-tabs {
        margin-bottom: 4rem;
    }
    .sticky-container .sticky {
        /* height: 73rem; */
        position: relative;
        height: auto;
    }
    .sticky-container .space-holder{
        height: auto !important;
    }
    .navbar-nav .dropdown .dropdown-toggle span {
        padding-left: 5px;
        margin-top: -9px;
    }
    .navbar-nav .dropdown .dropdown-toggle span {
        opacity: 0;
        transition-property: opacity, transform;
        transition-duration: 0.4s;
        transition-timing-function: ease;
        transition-delay: 1.2s;
    }
    .menu-open .navbar-nav .dropdown .dropdown-toggle span {
        opacity: 1;
        transition-duration: 1.2s;
        transform: translateZ(0);
    }
    .sticky-container {
        min-height: 1px;
    }
    .work-slider-tab.owl-carousel .owl-stage-outer {
        padding-left: 40px;
    }
    .work-section .rounded-right {
        top: 30rem;
        right: 0rem;
    }
    /* about pages  */
    .parallex-img{
        height: 90rem !important;
    }
    /* feature page  */
    .project-feature-table .table td:last-child{
        width: auto;
        padding-left: 30px;
    }
    .project-feature-table .table th {
        padding-right: 30px;
         width: auto;
    }
    .feature-listing .collapse-row:last-child {
        padding-bottom: 0;
    }
    .project-nav .tab-content {
        padding-bottom: 0;
    }
	.project-banner-section img {
		height: auto;
	}
}
@media (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
        padding: 0 15px;
    }
    .container-right {
        margin-left: 15px;
    }
    .work-slider-tab.owl-carousel .owl-stage-outer , .other-project-slider.owl-carousel .owl-stage-outer {
        padding-left: 15px;
    }
    .work-section .rounded-right {
        top: 31rem;
    }
    .sticky-container .cards {
        margin-left: 15px;
    }
    .about-section .about-top-right {
        padding: 0 0 2rem;
    }
    .about-section .about-top-left img {
        min-width: auto;
        width: 32rem;
        max-width: 100%;
    }
    .about-bottom .about-bottom-img {
        top: -5px;
    }
    .about-bottom {
        margin-left: 34rem;
        padding: 0;
    }
    .about-bottom .plus-img {
        top: -12.3rem;
        left: -12.1rem;
    }
    .instagram-section .h2 {
        max-width: 100%;
    }
    .navbar-collapse .nav-link{
        font-size: 40px;
    }
    .project-listing .single-work-card {
        margin-bottom: 2rem;
    }
    .rounded-slider .owl-nav button.owl-prev, .rounded-slider .owl-nav button.owl-next {
        height: 5rem;
        width: 5rem;
        
    }
    .other-project-slider .owl-nav button.owl-prev, .other-project-slider .owl-nav button.owl-next {
        /* height: 2rem;
        width: 2rem; */
        top: calc(50% - 4.6rem);
    }
    .project-desc-section,.project-listing-section, .other-project-section {
        padding-bottom: 7rem;
    }
    .project-listing-section .project-listing-text {
        padding: 3rem
    }
    .project-listing-section .project-listing-text .h2 {
        font-size: 30px;
    }
    .g-20 {
        --bs-gutter-y: 12px;
        --bs-gutter-x: 12px;
    }
    .vicon{
        width: 3rem;
        height: 3rem;
        background-size: contain;
    }
    .sticky-container .sticky {
        /* top: 100px;
        height: 73rem; */
    }
    .work-section, .about-section {
        padding: 0 0 6rem;
    }
    .home-content-section ,.instagram-section ,.team-section{
        padding: 6rem 0;
    }
     /* about pages  */
     .parallex-img{
        height: 70rem !important;
    }
    .practice-section-main {
        padding-top: 6rem;
    }
    .practice-section {
        padding: 6rem 0 3rem;
    }
    .about-page-sections .h1{
        font-size: 5.8rem;
    }

    .parallax-top {
        height: 65rem;
        background-size: cover;

    }
    /* contact page  */
    .map-section {
        padding-top: 60px;
    }
}
@media (min-width: 1200px) {
    .container.container-full {
        max-width: 100%;
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .sticky-container.container-full .cards{
        margin-left: 6rem;
    }
    .navbar-collapse .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    body{
        font-size: 16px;
		line-height: 140%;
    }
    h1,.h1,.about-page-sections .h1{
        font-size: 34px;
        line-height: 40px;
    }
    h2,.h2{
        font-size: 30px;
        line-height: 36px;
    }
    h3,.h3{
        font-size: 20px;
        line-height: 26px;
    }
    h4,.h4{
        font-size: 18px;
        line-height: 24px;
    }
    /* .banner-section .banner-section-slide ,.banner-section .banner-img{
        height: 400px;
    } */
    .top-header{
        padding: 2rem 0;
    }
    .top-spacing {
        margin-top: 6.5rem;
    }
    .offcanvas-collapse.open {
        padding: 100px 0;
    }
    .navbar-brand img{
        max-width: 180px;
    }
    .footer-right ul {
        margin-left: 0;
    }
    .scroll-top {
        top: -7rem;
    }
    .footer-bottom-link a {
        font-size: 18px;
    }
    .home-content-section {
        padding: 60px 0 50px;
    }
    .work-section ,.about-section{
        padding: 0 0 60px;
    }
    .work-section .rounded-right {
        top: 22rem;
    }
    .instagram-section{
        padding: 60px 0;
    }
    .navbar-collapse .nav-link {
        font-size: 30px;
        letter-spacing: -1px;
    }
    .header-search .form-control{
        background-size: 24px;
    }
    .sticky-container .sticky {
        /* top: 20px;
        height: 62rem; */
    }
    .sticky-container .cards{
        padding-top: 30px;
    }
    .work-section .work-thumbnail img {
        height: 420px;
        /* height: auto; */
    }
    .work-section .single-work-card , .other-project-slider .single-work-card {
        /* width: 100%; */
        width: 331px;
        /* width: 331px;
        margin-right: 12px; */
    }
    .about-section .about-top-left img {
        width: auto;
    }
    .about-bottom {
        margin-left: 0;
    }
    .about-bottom .plus-img {
        position: relative !important;
        left: auto;
        top: auto;
        margin: 20px auto;
        max-width: 80px;
        display: block;
    }
    .video-section{
        position: relative;
    }
    .video-section .video-text{
        top: 13px;
        bottom: 20px;
    }
   
    .navbar-nav .dropdown .dropdown-toggle span img {
        max-width: 20px;
        height: 20px;
        object-fit: contain;
    }
    .header-search-wrap .search-close {
        /* max-width: 45px;
        margin-left: -8px;   */
        margin-left: -16px;
        transform: scale(0.8);
        bottom: 1rem;
    }
    .header-search-wrap {
        height: 100dvh;
    }
    
    /* .offcanvas-collapse .container {
        height: calc(100vh - 90px);
        overflow-y: scroll;
        padding-bottom: 50px;
    } */
    .project-desc-section,.project-listing-section, .other-project-section {
        padding-bottom: 60px;
    }
   
    .project-listing-section .project-listing-text {
        padding: 20px;
    }
    .rounded-slider .owl-nav button.owl-next {
        right: 10px;
    }
    .rounded-slider .owl-nav button.owl-prev {
        left: 10px;
    }
    .project-desc-right {
        margin: 30px 0 0;
        max-width: 100%;
    }
    .banner-section .banner-text img {
        max-width: 100%;
    }
    .nav-tabs {
        display: block;
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    .nav-tabs li {
        display: inline-block;
        margin-right: 17px;
    }
    .nav-tabs::-webkit-scrollbar {
      height: 3px;   
    }
    .project-desc-right  .project-desc-right-bottom {
        margin-top: 0px;
    }
    .video-text .video-text-div,.video-text .container {
        height: 100%;
    }
    .project-desc-section .h1 {
        margin-bottom: 15px;
    }

    .work-slider-tab .single-work-card .h3 {
        max-width: 340px;
    }
     /* about pages  */
     .parallex-img{
        height: 33rem !important;
    }
    .principal-section {
        padding-top: 15px;
    }
    .principal-desc .principal-row {
        margin-top: 30px;
    }
    .principal-row p{
        margin-bottom: 20px;
    }
    .single-lead .h3 {
        font-size: 17px;
    }
    .sticky-nav-section {
        padding-top: 3rem;
    }
    .parallax-top {
        height: 30rem;
    }
    /* feature page  */
    .feature-listing .project-read-more {
        font-size: 16px;
    }
    .feature-listing .project-read-more img {
        max-width: 13px;
    }
    .feature-listing .project-read-more {
        font-size: 16px;
    }
    .feature-listing .project-read-more img {
        max-width: 13px;
    }
    .feature-card .hover-img {
        padding: 15px;
    }
    .feature-card .hover-img .hover-top .h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .project-listing .single-work-card .work-thumbnail .hover-bottom img {
        max-width: 50px;
    }
    .see-more-feature .collapse {
        padding-top: 20px;
    }
     /* contact page  */
     .map-section {
        padding-top: 30px;
		line-height: 140%;
    }
    .map-section img {
        max-height: 280px;
        width: 100%;
        object-fit: cover;
    }
    .site-footer {
        padding-bottom: 40px;
    }
	.feature-card.single-work-card .h3{
		font-size: 14px;
	}
	.feature-card.single-work-card h6 {
		font-size: 1rem;
	}
}
@media (max-width: 360px) {
    .work-section .single-work-card , .other-project-slider .single-work-card {
        width: 284px;
    }
    .work-section .work-thumbnail img {
        height: 360px;
    }
    .work-section .rounded-right {
        top: 19rem;
    }
}