@media (min-width: 1920px) and (max-width: 2560px) {
.unique-area { padding: 300px 0px;}
}


@media (min-width:1801px) and (max-width:1919px){
.unique-area { padding: 280px 0px;}
}


@media (min-width:1681px) and (max-width:1800px){
.unique-area { padding: 280px 0px;}
}


@media (min-width: 1600px) and (max-width: 1680px){
.unique-area { padding: 250px 0px;}
}


@media (min-width: 1441px) and (max-width: 1599px){

}


@media (min-width: 1400px) and (max-width: 1440px){

}


@media (min-width: 1300px) and (max-width: 1366px){

}


@media (min-width: 992px) and (max-width: 1200px){

.banner-content { width: 420px;}
.banner-content h1 { font-size: 76px;}
.quote-content p { font-size: 46px;}
.project-box-detail div h4 { font-size: 28px;}
.nextproject-area h4 {font-size: 110px;}
.nextproject-area h4 span { font-size: 80px;}

}



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

.banner-content { width: 450px;}
.banner-content h1 { font-size: 90px;}
.quote-content p { font-size: 56px;}
.project-box-detail div h4 { font-size: 34px;}
.nextproject-area h4 {font-size: 130px;}
.nextproject-area h4 span { font-size: 110px;}

}



@media (min-width: 768px) and (max-width: 991px){

.banner-content { width: 280px;}
.banner-content h1 { font-size: 60px;}
.banner-content p { margin: 20px 0px 0px;width: 74%;}
.banner-content span { width: 220px; height: 220px; bottom: -80px; left: -20px;}

.quote-content p { font-size: 42px;}
.quote-content img { width: 110px; margin: 0px 10px;}

.unique-area { padding: 120px 0px;}

.contact-area .row:before {width: 97%;}
.contact-text { padding: 50px 20px;}
.contact-form { padding: 50px 20px;}
.footer-contact a { padding: 14px 10px 11px; margin-right: 1px;}

.nextproject-area h4 { font-size: 100px;}
.nextproject-area h4 span { font-size: 70px;}

.enquiry-popup .modal-dialog { max-width: 750px;}

.thankyou-content h1 { font-size: 90px;} 

}



/*-----------------------------*/


@media (min-width: 600px) and (max-width: 767px) {

.heading { font-size: 60px;}

.banner-area { padding: 100px 0px 60px;}
.banner-content { position: relative; top: 0px; width: 100%; padding: 0px 15px;}
.banner-content h1 { font-size: 70px; line-height: 1.1;}
.banner-content p { margin: 15px 0px 0px; width: 43%;}
.banner-content span { width: 220px; height: 220px; bottom: -90px; left: 5px;}
.banner-imagebox { margin-top: 40px; margin-bottom: 45px;}
.stamp-move { bottom: -100px; width: 80px;}

.about-area span { margin-bottom: 30px;}
.about-area p { font-size: 20px; margin-bottom: 15px;}

.quote-area {margin: 50px 0px;}
.quote-content p { font-size: 28px; margin-top: 12px;}
.quote-content img { width: 80px; margin: 0px 8px;}

.unique-area { background-attachment: unset; padding: 80px 0px;}
.unique-area h4 { font-size: 30px;}

.project-area { margin: 50px 0px;}
.project-tabs ul li { margin: 0px 5px;}
.project-tabs ul li a { padding: 14px 15px 8px; font-size: 12px;}
.project-box-detail { padding: 10px;}
.project-box-detail div { width: 80%;}
.project-box-detail div span { font-size: 11px;}
.project-box-detail div h4 { font-size: 22px; margin: 10px 0px 8px;}
.project-box-detail ul li { font-size: 9px; margin-right: 5px;}
.project-box-detail small { width: 40px; height: 40px;}
.project-box-detail small img { width: 12px;}

.no-right { padding-right: 15px;}
.no-left { padding-left: 15px;}
.popright-gap { padding-right: 15px;}
.popleft-gap { padding-left: 15px;}
.contact-text { padding: 30px;}
.contact-text h4 { margin-top: 20px;}
.contact-form { padding: 35px 30px;}
.contact-area .row:before { width: 96%; height: 101%;}

.design-area { margin: 50px 0px;}
.design-head span img { width: 80px;}

.nextproject-area { margin: 50px 0px 20px;}
.nextproject-area h4 { font-size: 66px;}
.nextproject-area h4 span { font-size: 50px;}

.footer-copyright { padding: 15px 0px;}
.enquire-button { bottom: 30px; right: 15px;}
.enquire-button a span { width: 70px; height: 70px; padding: 12px 8px 8px; font-size: 14px;}
.footer-contact a { padding: 14px 10px 11px; font-size: 11px;}

.booking-image { display: none;}
.book-noleft { padding-left: 15px;}
.enquiry-popup .modal-body .heading { font-size: 28px;}
.enquiry-popup .modal-body { padding: 30px}

.thankyou-page { height: auto; margin: 80px 0px 20px;}
.thankyou-content h1 { font-size: 75px;} 

}


@media(max-width:599px){

.header-area { padding: 15px 0px;}
.logo a img {width: 120px;}
.stick { padding: 10px 0px}
.stick .logo a img { width: 110px;}

.heading { font-size: 50px;}

.banner-area { padding: 80px 0px 60px;}
.banner-content { position: relative; top: 0px; width: 100%; padding: 0px 15px;}
.banner-content h1 { font-size: 56px; line-height: 1.1;}
.banner-content p { margin: 15px 0px 0px; width: 65%;}
.banner-content span { width: 220px; height: 220px; bottom: -90px; left: 5px;}
.banner-imagebox { margin-top: 40px; margin-bottom: 45px;}
.imagebox-3 { left: 110px;}
.stamp-move { bottom: -100px; width: 80px;}

.about-area span { margin-bottom: 20px;}
.about-area p { font-size: 20px; margin-bottom: 15px;}

.quote-area {margin: 50px 0px;}
.quote-content p { font-size: 19px; margin-top: 12px;}
.quote-content img { width: 70px; margin: 0px 8px;}

.unique-area { background-attachment: unset; padding: 50px 0px;}
.unique-area h4 { font-size: 26px;}

.project-area { margin: 50px 0px;}
.project-tabs ul li { margin: 0px 5px;}
.project-tabs ul li a { padding: 14px 15px 8px; font-size: 12px;}
.project-box-detail div h4 { font-size: 28px; margin: 10px 0px 8px;}

.no-right { padding-right: 15px;}
.no-left { padding-left: 15px;}
.popright-gap { padding-right: 15px;}
.popleft-gap { padding-left: 15px;}
.contact-text { padding: 30px;}
.contact-text h4 { font-size: 32px; margin-top: 20px;}
.contact-form { padding: 35px 30px;}
.contact-area .row:before { width: 94%; height: 101%;}

.design-area { margin: 50px 0px;}
.design-head span img { width: 80px;}

.nextproject-area { margin: 50px 0px 20px;}
.nextproject-area h4 { font-size: 46px;}
.nextproject-area h4 span { font-size: 30px;}

.footer-contact p { text-align: left; padding-bottom: 10px; margin-bottom: 15px;}
.footer-contact p:before { right: auto; left: 0;}
.footer-contact a { padding: 14px 10px 11px; margin-right: 2px;}
.footer-copyright { padding: 15px 0px; margin-top: 30px;}
.footer-copyright p { margin-bottom: 12px; text-align: center;}
.footer-social { justify-content: center;}
.enquire-button { bottom: 30px; right: 15px;}
.enquire-button a span { width: 70px; height: 70px; padding: 12px 8px 8px; font-size: 14px;}

.booking-image { display: none;}
.book-noleft { padding-left: 15px;}
.enquiry-popup .modal-body .heading { font-size: 28px;}
.enquiry-popup .modal-body { padding: 30px 15px;}

.thankyou-page { height: auto; margin: 90px 0px 20px;}
.thankyou-content h1 { font-size: 48px; margin-bottom: 8px;} 
.thankyou-content p br{display: none;}

}