/*.grid_text{*/
 /*    display:grid;  */
 /*    gap: 25px;*/
 /*    grid-template-columns: repeat(3, 1fr);*/
 /*   }*/
 @media (min-width: 576px) {

     .container,
     .container-sm {
         max-width: 768px;
     }
 }

 @media (max-width: 768px) {

     .slid-title1 {
         top: 20%;
     }

     .header_sticky {
         display: none;
     }

     .activepage.sticky .header_sticky {
         display: block;
     }

     .header_sticky_not {
         display: block;
     }

     .activepage.sticky .header_sticky_not {
         display: none;
     }

 }

 @media (min-width: 768px) {

     .container,
     .container-md,
     .container-sm {
         max-width: 992px;
     }

     .header_sticky {
         display: none;
     }

     .activepage.sticky .header_sticky {
         display: block;
     }

     .header_sticky_not {
         display: block;
     }

     .activepage.sticky .header_sticky_not {
         display: none;
     }
 }

 @media (min-width: 992px) {
     .residentialArchitect .bgImgOne {
         height: 250px;
     }

     .container,
     .container-lg,
     .container-md,
     .container-sm {
         max-width: 1200px;
     }

     .grid_text {
         display: grid;
         gap: 25px;
         grid-template-columns: repeat(2, 1fr);
     }

     .activepage:not(.sticky) .navbar-brand {
         padding-left: 20px;
     }
 }

 @media (min-width: 1200px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl {
         max-width: 1400px;
     }


 }

 @media (max-width:1280.98px) {


     .shop-slider .slick-arrow {
         top: -228px !important;
     }

     .practice-portiion .fw-55 {
         font-size: 40px !important;
     }

     .practice-top-text,
     .practice-bottom-text {
         width: 50%;
     }

     .practice-bottom-text {
         left: 60%;
     }

     .circle.h-500 {
         height: 350px;
     }

     .fw-23 {
         font-size: 20px;
     }

     .fw-34 {
         font-size: 32px;
     }

     .fw-35 {
         font-size: 33px;
     }

     .fw-38px {
         font-size: 34px;
     }

     .fw-40 {
         font-size: 34px;
     }

     .fw-46 {
         font-size: 36px;
     }

     .fw-50px {
         font-size: 40px;
     }

     .fw-55 {
         font-size: 44px;
     }

     .fw-70 {
         font-size: 50px;
     }

     /* .circle.h-500 {
        height: 290px;
    } */
 }

 @media (max-width:1024.98px) {



     body {
         font-size: 18px;
     }

     .logo img {
         width: 130px;
     }

     /* .blog-img img {
         height: calc(100vh - 120px);
         min-height: 480px;
     } */

     .vw-40 {
         width: 80vw;
     }

     .spacing {
         padding-top: 40px;
         padding-bottom: 40px;
     }

     .spacing-lg {
         padding-top: 40px;
         padding-bottom: 40px;
     }



     .practice-portiion img {
         width: 100%;
         max-width: 85%;
     }

     .circle.h-500 {
         height: 400px;
         width: 400px !important;
         object-fit: cover;
     }

     .circle.h-500 {
         height: 400px;
         object-fit: cover;
     }

     .works.h-500 {
         height: 400px;
     }

     .works.h-500 .h-100 {
         height: 100% !important;
     }

     .h-100 {
         height: 75% !important;
     }

     .new-work-img img {
         height: 300px;
     }

     .work-section .slick-arrow {
         top: -65px;
     }
 }

 @media (max-width:1600px) {
     .circle.h-500 {
         height: 450px;
     }
 }

 @media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1400px;
     }

 }

 @media (max-width: 1400px) {
     .circle.h-500 {
         height: 390px;
     }
 }

 @media (max-width: 1400px) {
     .circle.h-500 {
         height: 350px;
     }
 }

 /* @media (max-width: 1300px) {
    .circle.h-500 {
        height: 300px;
    }
} */

 @media (max-width: 991.98px) {

     .studiopage.activepage,
     .shoppage.activepage,
     .pageblog.activepage,
     .contactpage.activepage,
     .workpage.activepage,
     .pageblog.activepage {
         padding: 0
     }

     .residentialArchitect .bgImgOne {
         height: auto;
     }

     .orderlg2 {
         order: 2;
     }

     .work-section .slick-arrow {
         top: -55px;
     }

     .practice-portiion img {
         margin-bottom: 15px;
     }

     .practice-top-text,
     .practice-bottom-text {
         position: relative;
         top: unset !important;
         right: unset !important;
         left: unset !important;
         bottom: unset !important;
         width: 100% !important;
     }

     .parallax_scroll {
         transform: translate3d(0, 0, 0) !important;
     }

     .gridcollection {
         grid-template-columns: repeat(2, 1fr);
     }

     .fw-22 {
         font-size: 20px;
     }

     .fw-34 {
         font-size: 28px;
     }

     .fw-35 {
         font-size: 32px;
     }

     .fw-38 {
         font-size: 30px;
     }

     .fw-40 {
         font-size: 34px;
     }

     .fw-50 {
         font-size: 36px;
     }

     .fw-55 {
         font-size: 40px;
     }

     .fw-70 {
         font-size: 46px;
     }

     .h-100 {
         height: 100% !important;
     }

     .circle.h-500 {
         height: 280px;
         width: 280px !important;
         object-fit: cover;
     }

     header {
         /* padding: 0px 10px; */
     }

     .navbar-collapse {
         position: absolute;
         width: 100%;
         height: 100vh;
         top: 77px;
         background-color: white;
         z-index: 2;
         width: 100vw;
         left: 0px;
         padding: 0px 10px;
     }

     .dropdown .dropdown-menu {
         display: block;
         background-color: transparent;
         border: none !important;
         padding: 0;
         padding-left: 50px;
     }

     .dropdown .dropdown-menu li {
         position: relative;
     }

     .dropdown .dropdown-menu li::before {
         position: absolute;
         content: "";
         height: 8px;
         width: 8px;
         background-color: rgba(0, 0, 0, 0.573);
         border-radius: 50%;
         top: 50%;
         transform: translateY(-50%);
         left: -10px;
     }

     .dropdown-menu a {
         color: black;
     }

     /* .blog-img img {
         height: calc(50vh - 120px);
     } */


     .update-text {
         padding: 15px;
     }



     .logo-slider-section.homeslider .slick-arrow {
         transform: none;
         top: 0px !important;
     }

     .orderinglg {
         order: 1;
     }

     .spacing {
         padding-top: 20px;
         padding-bottom: 20px;
     }

     .spacing-lg {
         padding-top: 30px;
         padding-bottom: 30px;
     }

     .practice-portiion img {
         width: 100%;
         max-width: 100%;
     }

     .connect-icons {
         padding: 0px 15px 32px 15px;
     }

     .connect-icon {
         padding: 0px 15px 15px 15px;
     }

     .fw-70 {
         font-size: 40px;
     }

     .fw-46 {
         font-size: 30px;
     }

     .slick-dots li {
         height: 10px;
         width: 10px;
     }

     .navbar-toggler .icon-bar {
         background-color: #ffffff;
     }

     .activepage.sticky .navbar-toggler .icon-bar {
         background-color: #000000;
     }

     .activepage:not(.sticky) .navbar-brand {
         padding-left: 10px;
     }
 }

 @media (max-width: 766.98px) {

     .activepage .nav-link {
         color: #000;
     }


     .h-150 p {
         height: 100px;
         overflow: hidden;
     }

     iframe {
         min-height: 300px;
     }

     .logo img {
         width: 150px;
     }

     .bgstory,
     .bgpress {
         min-height: 400px;
     }

     .orderlg {
         order: 2;
     }

     .p-057 {
         padding-left: 30px;
         padding-right: 30px;
     }

     .h-600 {
         height: 300px;
         overflow: hidden;
     }

     .new-work-portion {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 40px;
     }

     .w-88 {
         width: calc(100% - 100px);
     }

     .logo-slider-section.homeslider .slick-arrow.prev-arrow {
         right: 78px;
     }

     .logo-slider-section.homeslider .slick-arrow.next-arrow {
         right: 40px;
     }

     .slide-arrow {
         cursor: pointer;
         width: 25px;
     }

     .connect-icons {
         padding: 15px 15px 15px 15px;
     }

     .fw-70 {
         font-size: 34px;
     }

     .practice-portiion .fw-55 {
         font-size: 30px !important;
     }

     .fw-35 {
         font-size: 28px;
     }

     .fw-40 {
         font-size: 30px;
     }

     .fw-50 {
         font-size: 32px;
     }

     .fw-22 {
         font-size: 17px;
     }

     .logo-slider-section.homeslider .slick-arrow {
         transform: none;
         top: -5px !important;
     }

     .ml-002053 {
         margin: 0px 0px 20px 20px;
     }

     .connect-imgs img {
         width: 40px;
         height: 40px;
         margin-right: 10px;
     }

     footer {
         font-size: 24px;
     }

     .fa-brands {
         font-size: 26px;
         margin-top: 10px;
         margin-right: 10px;
     }

     .work-section .slick-arrow {
         top: -50px;
         width: 26px;
     }

     .work-section .next-arrow {
         right: 10px;
     }

     .work-section .prev-arrow {
         right: 50px;
     }

     .navbar-collapse {
         top: 88px;
     }

 }

 @media (max-width: 575.98px) {
     .grid_text {
         display: grid;
         gap: 25px;
         grid-template-columns: repeat(1, 1fr);
     }

     .fw-17 {
         /* font-size: 14px; */
     }

     .fw-22 {
         font-size: 16px;
     }

     .fw-23 {
         font-size: 16px;
     }

     .fw-34 {
         font-size: 24px;
     }

     .fw-35 {
         font-size: 24px;
     }

     .fw-38 {
         font-size: 26px;
     }

     .fw-40 {
         font-size: 22px;
     }

     .fw-50 {
         font-size: 26px;
     }

     .fw-55 {
         font-size: 28px;
     }

     .bgpress.h-500 {
         height: 400px;
     }

     .spacing-lg {
         padding-top: 15px;
         padding-bottom: 15px;
     }

     .practice-portiion .fw-55 {
         font-size: 28px !important;
     }

     .spacing {
         padding-top: 10px;
         padding-bottom: 20px;
     }

     .fw-70 {
         font-size: 30px;
     }

     .logo-slider-section.homeslider .slick-arrow {
         transform: none;
         top: -8px !important;
     }

     .home.logo-slider-section .prev-arrow {
         left: 0px;
     }

     .home.logo-slider-section .slick-slide {
         margin: 0;
     }

     .home.logo-slider-section .next-arrow {
         right: 0px;
     }

     .gridcollection,
     .new-work-portion {
         grid-template-columns: repeat(1, 1fr);
     }

     .slide-arrow {
         width: 25px;
     }

     .work-section .slick-arrow {
         top: -42px;
         width: 22px;
     }

     .work-section .next-arrow {
         right: 0;
     }

     .work-section .prev-arrow {
         left: unset;
         right: 32px;
     }

     footer.spacing {
         padding-left: 15px;
         padding-right: 15px;
     }

     .work-section .slick-slide {
         margin: 0;
     }

     .w-88 {
         width: calc(100% - 80px);
     }

     .p-057 {
         padding-left: 15px;
         padding-right: 15px;
     }

     .logo-slider-section.homeslider .slick-arrow.next-arrow {
         right: 25px;
     }

     .logo-slider-section.homeslider .slick-arrow.prev-arrow {
         right: 60px;
     }

     .pb-20 {
         padding-bottom: 10px;
     }

     .pb-15 {
         padding-bottom: 10px;
     }

     #footer a {
         word-wrap: break-word;
     }

     .gridcollection img {
         height: 400px !important;
         object-fit: cover;
     }

     .bgstory,
     .bgpress {
         min-height: 300px;
     }
 }

 @media (max-width: 375.98px) {
     .slick-dots li {
         margin: 0px 3px;
     }

     .works.h-500 {
         height: 250px;
     }

     .logo img {
         width: 100px;
     }

     .circle.h-500 {
         height: 200px;
         width: 200px !important;
     }

     .fw-22 {
         font-size: 15px;
     }

     .fw-35 {
         font-size: 18px;
     }

     .fw-46 {
         font-size: 20px;
     }

     .fw-50 {
         font-size: 20px;
     }

     .fw-55 {
         font-size: 22px;
     }

     .fw-70 {
         font-size: 24px;
     }

     .practice-portiion .fw-55 {
         font-size: 22px !important;
     }

     footer {
         font-size: 18px;
     }

     .fa-brands {
         font-size: 24px;
         margin-top: 10px;
         margin-right: 5px;
     }

     .slide-arrow {
         width: 18px;
     }

     .logo-slider-section.homeslider .slick-arrow.prev-arrow {
         right: 50px;
     }

     .logo-slider-section.homeslider .slick-arrow.next-arrow {
         right: 20px;
     }

     .w-88 {
         width: calc(100% - 65px);
     }

     .pb-20 {
         padding-bottom: 0px;
     }

     .pb-15 {
         padding-bottom: 5px;
     }

     .navbar-collapse {
         top: 78px;
     }
 }