@media only screen and (min-width: 300px) and (max-width: 767px) {
    .labourDay img {
        height: auto !important;
    }
    .labourDay {
        height: 22px;
    }
}


@media (max-width: 1600px){

   
    
    
    .top-bar ul li a {
    font-size: 12px;
}
.inner-hero h1 {
    font-size: 40px;
    line-height: 40px;
}    
.container {
    max-width: 1199px;
    padding: 0 15px;
}  
.common-col-light h4 {
    font-size: 14px;
}

#hero .common-col-light h1 {
    font-size: 35px;
    line-height: 45px;
}
.services-area {
    background: #fff;
}
.common-col-light p {font-size: 15px;margin-top: 10px;margin-bottom: 10px;}

.contact-form input {
    height: 60px;
}

button#submit-btn {
    height: 60px !important;
}

.common-col-dark h4 {
    font-size: 16px;
}

.common-col-dark h2 {
    font-size: 40px;
    line-height: 50px;
}

.common-col-dark p {
    font-size: 15px;
    line-height: 26px;
}

.customdesign-area li p {
    font-size: 18px;
}

.common-col-light h2 {
    font-size: 40px;
    line-height: 50px;
}

.services-area .services-box h5 {
    font-size: 20px;
}

.services-area .services-box {
    min-height: auto;
}

.services-area .services-box img {
    width: 70px;
}

.services-area .services-box a img {
    width: auto;
}

.portfolio #portfolio-flters li {
    font-size: 15px;
    padding: 15px 5px !important;
}

.tak-area ul li p {
    font-size: 14px;
}

.plans-area .tab button {
    font-size: 13px;
    padding: 12px 0 !important;
    min-width: 156px !important;
    width: 156px !important;
}

.plans-area .plan-content .plan-head h4 {
    font-size: 13px;
    padding: 7px;
}

.plans-area .plan-header h1 {
    font-size: 45px;
}

.plans-area .plan-header h5 {
    font-size: 16px;
}

.plans-area .plan-body h6 {
    font-size: 16px;
}

.plans-area .plan-content ul li {
    font-size: 15px;
    margin-top: 10px;
    padding-left: 30px;
}
.plans-area .plan-content ul li:before {
    transform: scale(0.7);
}

.plans-area ::-webkit-scrollbar {
    width: 6px;
}

.plans-area .plan-bottom a {
    padding: 12px 20px;
    font-size: 13px;
}
.plans-area button.owl-prev span, .plans-area button.owl-next span {font-size: 20px !important;padding: 5px 14px;}

.plans-area button.owl-prev {
    left: -40px;
}

.plans-area button.owl-next {
    right: -40px;
}
.comboPlans-area .swiper-button-prev {
    height: 35px;
    width: 35px !important;
    left: -40px;
}

.comboPlans-area .swiper-button-prev::after {
    font-size: 16px;
}
.comboPlans-area .swiper-button-next {
    height: 35px;
    width: 35px !important;
    right: -40px;
}

.comboPlans-area .swiper-button-next::after {
    font-size: 16px;
}    
.comboPlans-area .plan-content h4 {
    font-size: 15px;
}

.comboPlans-area .plan-header h1 {
    font-size: 60px;
}

.comboPlans-area .plan-header h5 {
    font-size: 18px;
}

.comboPlans-area .plan-body p b {
    font-size: 18px;
}

.comboPlans-area .plan-body p {
    font-size: 15px;
}

.comboPlans-area .main-body h6 {
    font-size: 30px;
}

.comboPlans-area .main-body ul li {
    font-size: 16px;
}

.counter-area .col h2 {
    font-size: 40px;
}

.testimonials-area .plan-bottom ul li h5 {
    font-size: 20px;
}

.testimonials-area .plan-bottom ul li span {
    font-size: 13px;
}

.testimonials-area .plan-body p {
    font-size: 15px;
}    
.testimonials-area .owl-nav button {
    transform: scale(0.7);
}    
}

@media (max-width: 1367px){
    #hero {
        padding-top: 110px;
    }
}

@media (max-width: 1200px){
.contact-form.hero-form {
    display: none;
}

.sub-inr1  .col-xl-4 {
    width: 50%;
}

.seemore-btn {
    margin-top: 30px;
}

.sub-inr2  .col-xl-6 {
    width: 50%;
}

.sub-inr3 .col-xl-3 {
    width: 50%;
}

.sub-inr4 .col-xl-6 {
    width: 50%;
}    
#contact-inr-area::before {
    display: none;
}
    
.webdev-area .row  .row .col-xl-6 {
    width: 50%;
}
.inner-hero {
    height: 250px;
}

.inner-hero .content-container {
    padding-bottom: 0;
}

.inner-hero .content-container p {
    margin-bottom: 0 !important;
}    
.whychoose-area .col-xl-3 {
    width: 50%;
}

.design-code-area::before {
    display: none;
}        
.contact-text {
    display: none;
}

.modal-dialog {
    max-width: 50%;
}    
marquee {
    width: 100%;
}

.top-bar {
    padding: 10px 0;
}

.top-bar .right {
    display: none;
}

nav#navbar ul li a {
    padding: 10px 15px;
}

nav#navbar ul li {
    margin-left: 0;
}


.logo img {
    width: 90px;
}

nav#navbar {
    padding: 0;
}

.customdesign-area img.customdesign-bg {
    width: 80%;
    margin: 0 auto;
    top: 70px;
}

.services-area .col-xl-4 {
    width: 50%;
}

.lightyears-area ul li {
    width: 20%;
}

.pricing-bottom .plan-bottom {
    text-align: left !important;
    margin-top: 20px;
}

.plans-area .tab {
    /* flex-wrap: initial; */
    overflow: auto;
    padding-bottom: 10px;
}

.plans-area button.owl-prev {left: 50px;display: none;}

.plans-area button.owl-next {
    right: 50px;
    display: none;
}
.comboPlans-area .plan-content {
    margin-bottom: 20px;
}

.comboPlans-area .swiper-button-prev, .comboPlans-area .swiper-button-next {
    display: none;
}

body .counter-area .col {width: 29% !important;float: left;margin: 10px 10px;}

.counter-area .row {
    display: inline-block;
    width: 100%;
}

.testimonials-area .owl-nav button {
    display: none;
}

footer#footer .col-xl-3 {
    width: 50% !important;
}    
.owl-carousel .owl-stage-outer {
    overflow: visible !important;
}    
}
@media (max-width: 992px){
    #footer .col1 ul {
    justify-content: center;
}
    .top-bar {
    display: none;
}

    .contact-bottom {
    width: 100%;
}

section#customize-area img {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}

section#customize-area .row {
    flex-direction: column-reverse;
}



section#customize-area {
    padding-top: 50px;
    margin-top: 0;
    padding-bottom: 50px;
}


    .portfolio-disply-img .img-fluid {
    height: 365px;
}
.tabs-area-inr {display: block;width: 100% !important;}

.tabs-area-inr ul.tabs {width: 100%;display: flex;overflow: auto;}

.tabs-area-inr ul.tabs li {flex: none;min-width: 140px;width: 140px;height: 42px;margin-right: 10px !important;font-size: 15px;}

.tabs-area-inr ul.tabs li:last-child {min-width: 150px;border: 0;padding: 0;}

.tabs-area-inr ul.tabs li:last-child a {padding: 12px;}

.imglist a {width: 100%;padding: 0;margin-bottom: 10px;}

.tabs-area-inr ul.tabs-content {width: 100%;margin: 0;margin-top: 20px;height: 675px;}    
a.secondary-btn-img {
    padding: 12px 20px 12px 40px;
    font-size: 13px;
}

a.secondary-btn-img img {
    top: 12px;
}    
.faq-area .accordion-item button.accordion-button {
    font-size: 16px;
}

.accordion-body {
    font-size: 14px;
}

.faq-bottom h3 {
    font-size: 20px;
}

.faq-bottom h1 {
    font-size: 35px;
}

.row.faq-row1 p b {
    font-size: 26px;
    line-height: 35px;
}    
nav#navbar {
    display: none;
}
.hamburger-menu {
    align-items: center;
    justify-content: center;
    display: flex;
}   
.floatbutton {
    display: none;
}

#hero .contact-form {
    display: none;
}

.tech-area ul li img {
    width: 100%;
}

.tech-area ul li {
    margin: 0 20px;
    flex: none;
}

.py-70 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.common-col-dark h4 {
    font-size: 15px;
}

.common-col-dark h2 {
    font-size: 30px;
    line-height: 40px;
}

.common-col-light h4 {
    font-size: 15px;
}

.common-col-light h2 {
    font-size: 30px;
    line-height: 40px;
}

.services-area .services-box h5 {
    font-size: 18px;
}

.services-area .services-box {
    min-height: 400px;
}

.common-col-dark p br {
    display: none;
}

.lightyears-area ul li {
    width: 30%;
}

.lightyears-area ul {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.tabs-area .row {
    width: 100%;
    margin: 0;
}

.tabs-area {
    flex-wrap: wrap;
}

.portfolio #portfolio-flters {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
    overflow: hidden;
}

.portfolio #portfolio-flters li {
    padding: 8px  10px !important;
    margin-right: 10px;
    flex: 1;
    white-space: nowrap;
    display: inline-block;
    height: auto;
}




.plans-area .plan-body ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
        border-radius: 7px;
        background-color: #f2f2f26e
}

.plans-area .plan-body ul::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f500
}

.plans-area .plan-body ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    background-color: #f6b544;
    transition: .8s
}
.portfolio .portfolio-wrap .portfolio-disply-img {
    height: 365px !important;
}
body .counter-area .col {
    width: 27% !important;
}
.testimonials-area .plan-bottom ul li h5 {
    font-size: 16px;
}

footer#footer .col2 p {
    font-size: 12px;
}
}
@media (max-width: 768px){
    marquee img {
    max-width: 130px;
}

.customdesign-area li p {
    padding-right: 15px;
}

.portfolio-light {
    padding-bottom: 0;
}
    .tak-area img.customdesign-bg {
    top: -40px;
}
.content-container.common-col-dark {
    padding: 50px 0 0px;
}
.text-center.view-single-details p {
    padding-top: 20px;
    margin: 0px;
    font-size: 13px;
}
.plans-area .plan-bottom {
    padding: 30px 0 0px;
}
img.col-img {
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
}

#hero .common-col-dark h1 {
    font-size: 33px;
    line-height: 40px;
    color: #000;
    font-weight: 800;
}
#hero a.chat-btn {
    font-size: 12px !important;
}
.hidden-sm {
    display: none;
}
.common-col-dark.text-center p {
    padding: 0px 15px;
}
.contact-area input, .contact-area select, .contact-area textarea {
    font-size: 11px;
}
section#customize-area img {
    width: 60%;
}
.plan-content img.d-banner {
    top: -20px;
}
.child-inr2 .col-xl-4 {
    width: 100%;
}
#hero a.secondary-btn-dark {margin-left: 1px !important;background: #ffd257;color: #000;}
#contact-inr-area #contact-page-form {
    padding: 8px 10px;
}
#hero a.secondary-btn-dark {
    margin-left: 5px !important;
}

.primary-btn {
    padding: 14px 20px !important;
}
a.secondary-btn-img {
    padding: 12px 12px 12px 45px;
}
.portfolio .portfolio-item {
    width: 100% !important;
}
    section#contact-widget .common-col-dark h2 {
    font-size: 27px;
    line-height: 30px;
}
.contact-bottom {
    margin-top: 10px;
    padding: 30px 0px;
}
.contact-bottom .common-col-dark h2 {
    font-size: 20px;
}
#footer h4 {
    font-size: 14px;
}
#footer ul li a {
    font-size: 13px;
}
/*#footer .row .col-xl-3:nth-child(3) {
    width: 50% !important;
}
#footer .row .col-xl-3:nth-child(2) {
    width: 50% !important;
}*/

#footer .col1 img{
    margin-left: auto;
    margin-right: auto;
}

#footer {
    text-align: center;
}


#footer .col4 ul li {
    line-height: 16px;
    margin-bottom: 20px;
}
footer#footer .col2 p {
    font-size: 11px;
}

section#contact-widget .container {
    padding: 10px 20px !important;
    margin: 19px;
}
section#contact-widget img.col-img {
    width: 100% !important;
}
section#contact-widget .customdesign-img {
    height: auto;
    margin: -23px auto;
    text-align: center;
    padding-bottom: 25px;
    overflow: hidden;
}

section#contact-widget {
    margin: 0;
}

    section#quote-area img {
    margin: 0;
    height: auto;
    object-fit: inherit;
}

section#quote-area {
    padding-bottom: 0;
}

section#quote-area {
    padding: 50px 0;
    /*padding-bottom: 0;*/
}

section#quote-area .common-col-light h2 {
    font-size: 30px;
    line-height: 35px;
    margin-top: 8px;
}

.customize-area a.secondary-btn {
    margin-left: 10px;
    font-size: 13px;
    top: 1px;
}
.btn-top-pad {
    top: 26px;
    position: relative;
}
.plan-content img.d-banner {
    width: 50px !important;
    transform: rotate(17deg) !important;
}
.customize-area a.primary-btn {
    font-size: 11px;
}

.sub-inr1 .col-xl-4 {
    width: 100%;
}

.sub-inr2 .col-xl-6 {
    width: 100%;
}

.sub-inr2 .img-with-text {
    margin-left: 0;
}

.sub-inr2 .col-xl-6:nth-child(2) {
    margin-top: 50px;
}

.sub-inr3 .col-xl-3 {
    width: 100%;
    margin-bottom: 30px;
}

.sub-inr4 .col-xl-6 {
    width: 100%;
}

.sub-inr4 .plan-bottom {
    margin-bottom: 40px;
}

.py-100 {
    padding: 50px 0;
}    
.img-with-text .col-right h5 {
    font-size: 16px;
}

.img-with-text .col-right p {
    font-size: 14px;
    line-height: 20px;
}

.img-with-text .col-left img {
    width: 40px;
}

.whychoose-area .col-xl-3 {
    width: 100%;
}

.whychoose-area .whychoose-box h5 {
    font-size: 18px;
}

.whychoose-area .whychoose-box p {
    font-size: 14px;
    line-height: 20px;
}

.whychoose-area .whychoose-box {
    max-height: inherit;
    min-height: auto;
    margin-bottom: 10px;
}       
.modal-dialog {
    max-width: 80%;
}    
footer#footer {
    padding: 30px 0;
    background-repeat: repeat;
    background-size: auto;
}    
.common-col-light h4 {
    font-size: 14px;
    line-height: 20px;
}

#hero .common-col-light h1 {
    font-size: 28px;
    line-height: 35px;
}
.inner-hero h1 {
    font-size: 30px;
}
.common-col-light p {
    font-size: 12px;
    margin-bottom: 20px;
}

.common-col-light p br {
    display: none;
}

#hero img {
    width: 80%;
}

.tech-area ul li {
    width: 25%;
}

.py-70 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.customdesign-area {
    padding-bottom: 0px;

}

.customdesign-area ul {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.common-col-light p {
    line-height: 20px;
    margin-top: 10px;
}

.services-area .services-box {
    height: auto;
    min-height: auto;
}

.services-area .col-xl-4 {
    width: 100%;
}

.common-col-dark h4 {
    font-size: 12px;
    line-height: 20px;
}

.row.portfolio-container {margin-top: 10px !important;max-height: 1095px !important;}

.tak-area ul li img {
    width: 12px;
}

.plan-bottom a.primary-btn-dark {
    margin-left: 7px;
}

.plans-area .tab button {
    font-size: 11px;
    min-width: 120px !important;
}

.pricing-bottom h3 {
    font-size: 24px;
    line-height: 28px;
}

.pricing-bottom p {
    font-size: 14px;
    line-height: 20px;
}

body .counter-area .col {
    margin: 6px 9px !important;
    flex: auto;
}

.counter-area .col h2 {
    font-size: 30px;
}

.counter-area .col h2 span {
    font-size: 14px;
}

.counter-area .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.testimonials-area .plan-content {
    padding: 20px 20px;
    min-height: auto;
}

a.primary-btn {
    padding: 15px 15px;
    font-size: 14px;
}

a.secondary-btn {
    padding: 15px 20px;
    font-size: 14px;
}

.contact-area {
    padding: 0px 0 50px;
}

.row.portfolio-container {
    max-height: 1460px !important;
 }

footer#footer  .col-md-3 {
    width: 100%;
    text-align: center;
    padding: 0 0;
    margin-bottom: 10px;
}

#copywrite .col3 ul {
    justify-content: center;
    margin-top: 10px;
}    

a.secondary-btn-dark {
    padding: 12px 20px;
    font-size: 13px;
}

a.primary-btn-dark {
    padding: 11px 20px;
    font-size: 13px;
}

.tak-area .plan-bottom {
    margin-bottom: 30px;
}

.pricing-bottom {
    padding-top: 20px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 30px 20px;
    margin-bottom: 10px;
}    
.contact-area .left-col {
    padding: 0 30px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.portfolio .portfolio-item {
    padding-right: 0;
}
#contact-inr-area .img-with-text .col-right p a {
    color: #000;
    FONT-SIZE: 13px;
}
.tabs-area {
    justify-content: center;
}
#lightyears-area {
    padding-bottom: 80px;
}
a.primary-btn-dark.btn-white-screen {
    border-color: #006577 !important;
    color: #006577 !important;
}
.hidden-sm {
    display: none;
}
.modal-content h2 {
    font-size: 19px;
}
.contact-form #contact-modal input {
    height: 40px !important;
    font-size: 13px;
}
.modal-content .contact-form textarea {
    font-size: 13px;
}
.modal-content button.btn-close {
    padding: 15px;
}
.modal-content .contact-form button {
    font-size: 12px;
    padding: 10px 20px;
}
}
@media (max-width: 576px){
.modal-dialog {
    max-width: 90%;
    margin: 0 auto;
}

.common-col-dark p {
    font-size: 13px;
    line-height: 26px;
}
.customdesign-area li p {
    font-size: 14px;
}
.plans-area .tab button {
    min-width: 136px !important;
    width: 136px !important;
}    
.inner-hero p {
    width: 90%;
}

.inner-hero h1 {
    font-size: 30px;
}    
.floatbutton {
    display: none;
}
#hero {
    padding: 50px 0;
    background-size: cover;
}

#hero .common-col-light h1 {
    font-size: 26px;
}

#hero .common-col-light h1 br {
    display: none;
}

.customdesign-area {
    padding-top: 30px;
}

.common-col-dark h2 {
    font-size: 25px;
    line-height: 30px;
}

.customdesign-area li {
    /*width: 100%;*/
}

.customdesign-area li p {
    font-size: 16px;
}

.customdesign-area img.customdesign-bg {
    top: 40px;
}

.common-col-light h2 {
    font-size: 25px;
    line-height: 30px;
}

.services-area .services-box {
    padding: 40px 0 !important;
}

.services-area .services-box a {
    font-size: 16px;
}

.common-col-dark h2 br {
    display: none;
}

.lightyears-area ul li {width: 50%;}

.lightyears-area {
    padding-bottom: 0;
}

.portfolio #portfolio-flters li {font-size: 13px;width: 42% !important;text-align: center;padding: 14px 10px !important;}

.portfolio #portfolio-flters {
    margin-bottom: 30px !important;
}
button#submit-btn-index {
    padding: 10px 20px;
    font-size: 14px;
    margin-top: 0;
}

footer#footer .col-xl-3 {
    width: 100% !important;
}

#copywrite {
    margin-top: 10px;
}

footer#footer p {
    font-size: 14px;
}

footer#footer .col1 {
    padding: 0;
}

footer#footer h4 {
    margin-top: 20px;

}    
body .counter-area .col {flex: auto;width: 40% !important;}

.counter-area .row {
    margin: 0;
}
.comboPlans-area .main-body {
    padding: 20px 20px;
}

.comboPlans-area .main-body ul {
    padding-right: 20px;
}

.comboPlans-area .main-body ul li {
    font-size: 14px;
}

.comboPlans-area .main-body h6 {
    font-size: 22px;
}

.comboPlans-area .main-body ul li::before {
    transform: scale(0.7);
}
.comboPlans-area .plan-header h1 {
    font-size: 35px;
}

.comboPlans-area .plan-header h5 {
    font-size: 16px;
}

.comboPlans-area .plan-body p b {
    font-size: 16px;
}

.plans-area .plan-header h1 {
    font-size: 35px;
}

.plans-area .plan-body {
    padding: 30px 15px 0 20px;
}

.pricing-bottom h3 br {
    display: none;
}
.row.faq-row1 {
    padding: 20px 20px;
}

.row.faq-row1 p b {
    font-size: 20px;
    line-height: 27px;
}

.row.faq-row1 p {
    font-size: 14px;
}

.webdev-area .row .row .col-xl-6 {
    width: 100%;
}


}

@media (max-width: 480px) {
    #menu ul.dropdown-menu.show {
        height: auto;
        padding: 25px 10px;
        /* transition: .5s; */
        overflow-x: none;
        height: auto;
        
    }
            .egg-offer {
    width: 150px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    bottom: 20px;
    left: 40px;
    z-index: 999;
}
.egg-offer .top figure img {
    opacity: 1;
    width: 50px;
    height: 50px;
    animation: lantern2 3.5s infinite !important;
}
    #menu a.dropdown-item {
        padding: 8px 15px;
        /* transition: .5s; */
        font-size: 12px;
    }
    #hero ul.hero-logos li img {
        width: 55px;
    }
    .mobile-hide{
        display: none;
    }
    #hero a.chat-btn {
        font-size: 10px !important;
    }
    #hero ul.hero-logos li {
        height: 60px;
        padding: 0;
    }
    #hero ul.hero-logos li:hover .back-img {
        transform: translateY(-75px);
    }
    .plan-bottom a.primary-btn-dark {
        margin-left: 1px;
        font-size: 11px;
    }
    .portfolio #portfolio-flters li {
        font-size: 11px;
        width: 43% !important;
        text-align: center;
        padding: 14px 10px !important;
    }
    .plans-area .tab button {
        min-width: 106px !important;
        width: 106px !important;
        font-size: 9px !important;
    }
    .customize-area a.primary-btn {
        font-size: 10px;
    }
    .customize-area a.secondary-btn {
        margin-left: 1px;
        font-size: 11px;
        top: 1px;
    }
    .plans-area .plan-bottom a {
        padding: 12px 20px;
        font-size: 11px;
    }
    .plans-area .plan-content ul li {
        font-size: 12px;
        margin-top: 10px;
        padding-left: 30px;
    }
    #hero a.secondary-btn-dark {
        margin-left: 1px !important;
        font-size: 10px;
    }
}