/* Large Devices, Wide Screens */
@media only screen and (max-width : 1840px) {



}


@media only screen and (max-width : 1800px) {
    .projects-info .item .content {
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-banner .content h1 span.heading-two {
        font-size: 66px;
    }

    .home-banner .content h1 {
      
        font-size: 115px;
    }
   
}

@media only screen and (max-width : 1770px) {

    .navbar-nav>li {
        padding: 25px 36px;
    }
}
@media only screen and (max-width : 1750px) {


    .home-banner .content-area .content p.sub-heading {
        font-size: 35px;

    }

.home-banner .content h1 {
    
    font-size: 100px;
 
}

.home-banner .content h1 span.heading-two {
    font-size: 63px;
    
}

}
@media only screen and (max-width : 1670px) {

    .navbar-nav>li {
        padding: 20px 28px;
    }


}

@media only screen and (max-width : 1650px) {

.home-banner .content h1 span.heading-two {
    font-size: 55px;
}

.home-banner .content h1 {
    font-size: 90px;
    line-height: 80px;
}

.home-banner .content p {
    font-size: 30px;
    
}

.home-banner .form-area .input-group label{
    font-size: 18px;
}

.home-banner .form-area .form .form-group .form-control {
   
    padding: 15px 25px 15px 222px;
}

.home-banner .form-area .input-group .btn {

    top: -32px;

}

}

@media only screen and (max-width : 1600px){

   

    

    .home-banner .content-area {
        padding: 65px 0px;
    }

    .background-text::before {
        font-size: 120px;
    }

    .section h2 {
        font-size: 42px;
    }

    .home-renovation .content-area {
        padding: 60px;
    }

    .cta .content-area h2 {
        font-size: 65px;
    }

    .home-redesign .content-area {
        margin-top: -230px;
    }

    .home-services .item .content {
        padding: 20px;
    }

    .home-services .item {
        box-shadow: none;
    }

    .home-services .item .content h3 {
        font-size: 20px;
    }

    .home-banner .content {
        padding: 50px 80px;
    }

    .home-banner .content h1 span.heading-one {
        font-size: 36px;
    }

    .title-area .content-area h1 {
        font-size: 55px;
    }

    .title-area .content-area {
        padding: 50px 0px;
    }

    h3{
        font-size: 24px;
    }
    
}

@media only screen and (max-width : 1560px) {
    .navbar-nav>li {
        padding: 20px 23px;
        font-size: 18px;
    }
    
}

@media only screen and (max-width : 1540px) {
 
    .home-banner .content-area {
        padding: 40px 0px;
    }
}

@media only screen and (max-width : 1500px) {
    header .header-padding {
        padding-left: 30px;
    }

    header .navbar-brand img {
        width: 180px;
    }

}

@media only screen and (max-width : 1480px) {

    .home-banner .content-area .content p.sub-heading {
        font-size: 30px;
    }
    .home-banner .content h1 {
        font-size: 85px;
    }

    .home-banner .content h1 span.heading-two {
        font-size: 50px;
    }

    .home-banner .form-area h2 {
       
        font-size: 25px;
    }

    .home-banner .form-area {
       
        padding: 25px 25px 0px 25px;
       
    }

    .home-banner .form-area h2 {
        font-size: 25px;
        
    }

    .home-banner .form-area .input-group label {
        font-size: 16px;
    }

    .home-banner .form-area .form .form-group .form-control {
        padding: 15px 25px 15px 195px;
    }

   

}

@media only screen and (max-width : 1400px){

    .home-banner .content h1 span.heading-one {
        font-size: 35px;
    }

    .home-banner .content h1 span.heading-two {
        font-size: 55px;
    }

    .home-banner .content h1 {
        font-size: 80px;
        line-height: 65px;
    }

    .home-banner .content p {
        font-size: 26px;
    }

   

    .home-banner {
        padding-top: 149px;
    }

    .background-text::before {
        font-size: 100px;
    }

    .section h2 {
        font-size: 38px;
    }

    .section-padding {
        padding: 0px 50px;
    }

    body {
        font-size: 18px;
    }

    .home-testimonials .testimonials-area .item h3 {
        font-size: 30px;
    }

    .home-services .item .content {
        padding: 5px 20px;
    }

    .inner-service-intro .active-services .btn-services {
        font-size: 20px;
    }

    h3 {
        font-size: 1.5rem;
    }

    .cta .content-area h2 {
        font-size: 55px;
    }

    .home-banner .content-area .content p.sub-heading {
        
        padding-right: 230px;
        
    
}

.home-banner .form-area .form .form-group .form-control {
margin-top: 0;
}

}

@media only screen and (max-width : 1366px){

    .navbar-nav>li {
        padding: 20px 15px;
    }

    .home-banner .form-area .form .form-group .form-control {
      
        font-size: 14px;
    }

    .home-banner .content-area .content p.sub-heading {
        font-size: 28px;
    }

    .home-banner .content h1 {
        font-size: 70px;
        line-height: 75px;
    }
}

@media only screen and (max-width : 1300px) {
    .home-banner .content {
        padding: 50px 15px;
    }
    .home-banner .content-area .content p.sub-heading {
        padding-right: 260px;
    }
}

@media only screen and (max-width : 1250px) {
.home-banner .content {
    padding: 50px 0px;
}

.home-banner .content h1 {
    font-size: 65px;
    
}

.home-banner .content h1 span.heading-two {
    font-size: 45px;
}

.home-banner .form-area .input-group label {
    font-size: 14px;
}

.home-banner .form-area .form .form-group .form-control {
    padding: 15px 25px 15px 170px;
}

.home-banner .form-area h2 {
    font-size: 22px;
}
}

@media only screen and (max-width : 1200px) {

    .section-padding {
        padding: 0px 30px;
    }
    .navbar-nav>li.phone {
        display: none;
    }

    header .header-padding {
        padding: 10px 15px 0px;
    }

    .btn {
        font-size: 18px;
    }

    .home-banner .content {
        padding: 50px 30px;
    }

    footer .main-footer ul li a {
        font-size: 18px;
    }

    footer .main-footer ul.services {
        display: grid;
    }

    footer .main-footer ul.services li {
        width: 100%;
    }

    .title-area .content-area h1 {
        font-size: 50px;
    }
    .title-area {
        padding-top: 149px;
    }

    h3{
        font-size: 20px;
    }

    .about-quote .item .content a {
        font-size: 30px;
    }

    .about-quote .item .content a span {
        font-size: 20px;
    }

    .about-quote .item {
        background: url('../img/who-we-are/qoute-bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 0px 30px 50px;
        position: relative;
    }

    footer .main-footer ul {
        list-style-type: none;
        padding: 0;
    }

    .home-banner .content-area .content p.sub-heading br{
        display: none;
    }

    .home-renovation .content-area .button-area .btn-call{
        width: 50%;
        padding: 10px 5px !important;
    }
    .home-renovation .content-area .button-area .btn-call::before{
        display: none;
    }
}

@media only screen and (max-width : 1140px){

    .home-banner .content h1 span.heading-one {
        font-size: 30px;
    }

    .home-banner .content-area .content p.sub-heading br {
        display: none;
    }
    .home-banner .content-area .content p.sub-heading {
        padding-right: 235px;
    }

    .home-renovation .content-area {
        padding: 30px 20px;
        margin-right: -10px;
    }

    
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


    .home-faqs .image-area img.mobile-none{
        display: none;
    }


    header .navbar-brand{
        padding: unset;
        background: unset;
        position: unset;
        box-shadow: none;
    }

    header .navbar-brand img.mobile{
        display: block;
    }

    header .navbar-brand img.desktop{
        display: none;
    }


    .section-padding {
        padding: 0px 15px;
    }
    .home-banner .content {
        padding: 30px 15px;
        text-align: center;
    }
    .home-banner .content-area .content p.sub-heading 
    {
        padding-right: unset;
    }

    .home-banner .content h1 {
       
        line-height: 65px;
    }
    .home-renovation .content-area {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .home-banner .form-area .form .form-group .form-control {
        padding: 15px 25px 15px 195px;
    }

    .home-renovation .image-area{
        float: unset !important;
        text-align: center;
    }
   
    header .navbar-brand img {
        width: 100px;
    }

    .home-banner {
        padding-top: 98px;
    }

    .home-about .image-area{
        text-align: center;
    }

    .home-about .content-area {
        padding-left: 0px;
        margin-top: 30px;
    }

    .home-faqs .image-area{
        margin-top: 30px;
    }

    .home-our-projects .item {
        margin-bottom: 30px;
    }

    .home-our-projects .projects-gallery .home-gallery .item {
        margin-right: unset;
    }

    .home-our-projects {
        padding: 50px 0px;
    }

    .home-blogs .item{
        margin-bottom: 30px;
    }

    .cta .button-area .btn-submit{
        margin-bottom: 30px;
    }

    .home-our-projects .item .counter {
        justify-content: center;
    }

    .home-our-projects .counter-item {
        padding-bottom: 50px;
    }

    .home-about .content-area ul.nav-tabs {
        justify-content: center;
    }

    footer .main-footer h3 {
        width: unset;
        border-bottom: none;
        margin: 20px 0px;
    }

    footer .main-footer ul{
        list-style-type: none;
        padding: 0;
    }

    footer .main-footer .logo-area{
        margin-bottom: 30px;
    }

    footer .main-footer .links-area{
        margin-top: 30px;
    }

    footer .main-footer .contact-info ul.social {
        display: flex;
        list-style-type: none;
        padding: 0;
        justify-content: center;
    }

    footer .copyright .content {
        display: grid;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .accordion-body{
        text-align: left;
    }

    .title-area {
        padding-top: 98px;
    }

    .title-area .content-area {
        padding: 40px 0px;
        text-align: center;
    }

    .inner-service-intro .active-services {
        margin-top: 30px;
    }
    
    .inner-service-cta {
        margin-top: 60px;
    }

    .inner-services-gallery .image-area img{
        width: 100%;
    }

    .inner-services-choose-us .cards-area .item {
        padding: 30px 15px;
    }

    .cta {
        margin-top: 60px;
    }

    .about-intro .content-area{
        margin-top: 30px;
    }

    .about-intro .about-intro-detail .content-area ul.services li {
        justify-content: center;
    }

    .about-quote .item {
        padding: 30px 15px;
    }

    .about-quote .item .image-area img {
       margin-top: unset;
       margin-bottom: 30px;
    }

    .about-quote .item .content {
        left: 53%;
        bottom: 39%;
    }

    .about-design .content-area{
        margin-top: 30px;
    }

    .about-design .content-area ul.services li {
        justify-content: center;
    }

    .contact-info .item {
        margin-bottom: 30px;
        padding: 30px 15px;
    }

    .form-area .form{
        margin-top: 30px;
    }

    footer .copyright .reach-logo {
        margin-top: 15px;
    }

    footer .phone-fixed-icon {
        display: block;
    }

    .grecaptcha-badge { visibility: hidden; }

    .inner-services-bottom-content .content-area ul{
        list-style-type: none;
        padding: 0;
    }

    .home-about .content-area .home-tab-content
ul {
    list-style-type: none;
    padding: 0;
}

.home-renovation .content-area .button-area .btn-call{
    width: unset;
}

.home-renovation .content-area .button-area{
    justify-content: center;
}
}
@media only screen and (max-width : 800px) {

   
    
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }

    .home-banner .content h1 {
        font-size: 60px;
    }

    .home-banner .content h1 span.heading-two {
        font-size: 45px;
    }

    .section h2 {
        font-size: 35px;
    }

    .cta .content-area h2 {
        font-size: 45px;
    }

    footer .main-footer ul.services li {
        width: unset;
        text-align: center;
    }

    footer .main-footer ul.services{
        display: grid;
    }

    .projects-info .item img{
        width: 100%;
    }

    .about-intro .about-intro-detail .content-area .counter-area .item{
        margin-bottom: 20px;
    }

    .about-intro .about-intro-detail .content-area .counter-area .item h3 {
        font-size: 40px;
    }

    .contact-info .item img {
        width: 50px;
    }


    .home-our-projects .projects-gallery .owl-carousel .owl-nav.disabled{
        position: unset;
        margin-top: 20px;
    }

    .home-our-projects .projects-gallery .home-gallery .item {
        margin: 0px 15px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {

    .home-services .item .content{
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        position: absolute;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: rgb(52 79 162 / 70%);
    }

    .home-banner .content h1 span.heading-one {
        font-size: 30px;
    }

    .home-renovation .content-area {
        padding: 30px 15px;
    }
    
    .accordion-body {
        text-align: left;
    }

    .home-testimonials .testimonials-area {
        padding: 30px 15px;
    }

    .home-about .content-area .home-tab-content ul {
        display: grid;
        list-style-type: none;
        padding: 0;
    }

    .home-about .content-area .home-tab-content ul li{
        width: 100%;
    }

    .background-text::before {
        font-size: 70px;
    }

    .title-area .content-area h1 {
        font-size: 40px;
    }

    .about-quote .item .content {
        left: 49%;
        bottom: 46%;
    }

    .home-renovation .content-area .button-area{
        display: grid;
    }

    .home-banner{
        background: url('../img/home/mobile-banner.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 88px;
    }

    .home-our-projects{
        background: url('../img/home/projects-mobile-banner.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .cta{
        background: url('../img/home/cta-mobile-banner.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .form-area-mobile{
        padding: 30px 10px;
        margin: 30px 15px 0px;
    }
}

@media only screen and (max-width : 500px) {
    .home-banner .content h1 span.heading-one {
        font-size: 20px;
    }

    .home-banner .content h1 span.heading-two {
        font-size: 35px;
    }

    .home-banner .content h1 {
        line-height: 50px;
    }

    .home-banner .content h1 {
      font-size: 50px;
        line-height: 60px;
    }
    .home-banner .content h1 span.heading-two {
        font-size: 40px;
    }
}

@media only screen and (max-width : 485px) {
    .about-quote .item .content a {
        font-size: 20px;
    }

    .about-quote .item .content a span {
        font-size: 18px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 430px) {
    .home-banner .content h1 span.heading-one {
        font-size: 18px;
    }

   
}


@media only screen and (max-width : 400px) {

    .section h2 {
        font-size: 30px;
    }

    .about-design .content-area ul.services li, .about-intro .about-intro-detail .content-area ul.services li{
        width: 100%;
    }

    .about-quote .item .content {
        left: 48%;
        bottom: 49%;
    }

    .home-banner .content h1 {
        
        line-height: 40px;
    }
    .home-banner .form-area .form .form-group .form-control {
        padding: 15px 25px 15px 170px;
    }
    .home-banner .form-area .input-group label {
        font-size: 12px;
    }
    .home-banner .form-area .input-group .btn {
        top: -28px;
    }
    
}
@media only screen and (max-width : 390px){
    .home-banner .content h1 span.heading-one {
        font-size: 18px;
    }

    .home-banner .content h1 span.heading-two {
        font-size: 30px;
    }

    .home-banner .content p {
        font-size: 20px;
    }
}


@media only screen and (max-width :350px){
    
}






@media (max-width: 992px) {

    .section{
        text-align: center;
        padding-top: 60px;
    }


    
    .navbar .nav-item .dropdown-menu{ 

        display: none;

     }

	.navbar .nav-item:hover .dropdown-menu{ 

        display: block; 

    }

	.navbar .nav-item .dropdown-menu{ 

        margin-top: 0; 
        background: #000;

    }

    .faqs .accordion-flush .accordion-button::before {
        margin-right: 15px;
    }

    .navbar-nav>li {

        padding: 5px 15px;

    }


    .navbar-expand-xl .navbar-nav .dropdown-menu{

        border: none !important;

    }


    .dropdown-toggle::after{

        display: none;

    }


    .dropdown .icon{

        display: block !important;

        position: absolute;

        right: 0px;

        top: 6px;

    }


    .dropdown .icon:before{

        font-family: 'FontAwesome';

        content: "\f0fe";

        color: #fff;

        font-style: initial;

        font-size: 26px;

    }

    .dropdown .open.icon:before {

        content: "\f146";

    }
    
    /* style mobile nav */
    header .navbar ul {
        margin-top: 10px;
        display: block;
        background: #000;
        padding: 0px 10px;
    }

    header .navbar ul li {
        margin-top: 0px;
        padding: 0px 0px;
    }

    .main-nav .navbar-nav>li {
        padding: 0px 15px;
        padding: 4px 15px;
    }
    .navbar-nav .nav-item.phone{
        display: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid #c4c4c4;
    }
    .main-nav .navbar-right {
        margin: 10px 0px;
        font-size: 14px;
    }
    .main-nav .navbar-nav>li>a {
        color: #000;
    }
    .main-nav .navbar-nav .open .dropdown-menu>li>a {
        color: #000;
    }
    .main-nav .navbar-nav>.open>a, .main-nav .navbar-nav>.open>a:hover, .main-nav .navbar-nav>.open>a:focus {
        color: #000;
        background-color: transparent;
    }
    .main-nav .navbar-collapse {
        border-color: #f0f0f0;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-nav .nav-item .nav-link {
        width: 90%;
    }
}