@media (max-width: 1600px){
.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;
}

.common-col-light p {font-size: 15px;margin-top: 0px;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: 375px;
}

.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: 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: 80px;
    position: absolute;
    top: -10px;
}

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){
.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%;
}

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

.portfolio #portfolio-flters {
    display: flex;
    height: auto;
    margin-bottom: 50px;
    padding-bottom: 10px;
    padding-left: 0;
}

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




.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: 300px;
}
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){
.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;
}

.common-col-light p {
    font-size: 14px;
    margin-bottom: 20px;
}

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

#hero img {
    width: 80%;
}

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

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

.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: 14px;
    line-height: 20px;
}

.row.portfolio-container {
    max-height: 980px !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 20px;
    font-size: 14px;
}

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

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

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: 12px 20px;
    font-size: 13px;
}

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

.pricing-bottom {
    padding-top: 20px;
}    
.contact-area .left-col {
    padding: 0 30px;
    margin-bottom: 30px;
}
.portfolio .portfolio-item {
    padding-right: 0;
}

.tabs-area {
    justify-content: center;
}
#lightyears-area {
    padding-bottom: 80px;
}
}
@media (max-width: 576px){
.modal-dialog {
    max-width: 90%;
    margin: 0 auto;
}    
.inner-hero p {
    width: 90%;
}

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

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

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

.customdesign-area {
    padding-top: 0;
}

.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: 20px;
}

.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;
}

.portfolio #portfolio-flters {
    margin-bottom: 30px;
}
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){
#hero ul.hero-logos li img {width: 55px;}

#hero ul.hero-logos li {
    height: 60px;
    padding: 0;
}

#hero ul.hero-logos li:hover .back-img {
    transform: translateY(-75px);
}    
}