@media(min-width: 1200px){
    .container{
        max-width: 1280px;
    }
}


@media(max-width: 1440px){
    .product-section {
        padding: 50px 0;
    }
    .product-section .product-list .product-wrapper .content {
        padding: 50px 20px;
    }
    .product-section .product-list .product-wrapper {
        min-height: 400px;
    }
    .product-section .product-list .product-wrapper .content .line {
        margin: 10px 0;
    }
    .product-section .product-list .product-wrapper .content h2 {
        font-size: 20px;
    }
    .product-section .product-list .product-wrapper .content p {
        font-size: 12px;
    }
    .product-section .product-list .product-wrapper .content ul li {
        font-size: 12px;
    }
}

@media(max-width: 1100px){
    .roadmap {
        background-size: 17%;
    }
}
@media(max-width: 991px){
    .common-banner {
        padding: 15% 0% 27% 0%;
    }
    .map-content {
        margin-top: 50px;
    }
    .common-banner .common-content p {
        font-size: 14px;
    }
    .common-banner .common-content h1 {
        font-size: 30px;
    }
    .home-products .image-wrapper .product-image {
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .home-products .image-wrapper {
        position: relative;
        padding-top: 58%;
        margin-bottom: 20px;
    }
    .home-products .image-wrapper .circle-group-2 {
        top: -10%;
        max-width: 200px;
    }
    .home-products .image-wrapper .circle-group-3 {
        bottom: -10%;
        left: -5%;
        max-width: 200px;
    }
    .home-products .image-wrapper .circle-group-4{
        max-width: 200px;
    }
    .home-products .product-content p {
        font-size: 14px;
    }
    .home-products .product-content ul li {
        font-size: 14px;
    }
    .footer-logo {
        margin-bottom: 20px;
    }
    footer .column-wrapper h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    footer .column-wrapper ul li a,
    footer .column-wrapper p,
    footer .column-wrapper ul li {
        font-size: 12px;
    }
    footer .footer-note {
        font-size: 12px;
    }
    .offset-div img{
        display: block;
        margin: 0 auto;
        max-width: 400px;
    }
    .brand-section .brand-heading h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .brand-section .brand-heading p {
        font-size: 14px;
    }
    .brand-section .brand-heading {
        padding: 0% 10% 0% 10%;
        margin-bottom: 2rem;
    }
    .brand-section .brand-list .brand-wrapper h2 {
        font-size: 18px;
    }
    .brand-section .brand-list .brand-wrapper p {
        font-size: 14px;
    }
    .roadmap {
        background: #fff !important;
    }
    .common-image {
        margin-bottom: 20px;
    }
    .contact-block {
        text-align: left;
    }
    .contact-block .info-block h2 {
        font-size: 16px;
    }
    .contact-block h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .contact-block h3, .contact-block .social-media h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .contact-block .info-block p {
        font-size: 14px;
    }
    .contact-block .social-media div {
        display: flex;
        justify-content: flex-start;
    }
    .contact-block .social-media {
        margin-top: 0rem;
    }
    .contact-form .form-heading h4, .contact-form .form-heading p {
        font-size: 14px;
    }
    .contact-form .form-heading h2 {
        font-size: 24px;
        margin: 5px 0;
    }
    .contact-form .form-group h2{
        font-size: 14px;
    }
    .contact-form .form-group input, .contact-form .form-group select, .contact-form .form-group textarea{
        font-size: 14px;
    }
    .contact-form .submit button {
        font-size: 14px;
    }
}

@media(max-width: 768px){
    .footer-logo {
        text-align: center;
    }
    footer .column-wrapper h2 {
        text-align: center;
    }
    footer .column-wrapper ul li a, footer .column-wrapper p, footer .column-wrapper ul li {
        text-align: center;
    }
    footer .column-wrapper .social-media {
        justify-content: center;
    }
    footer .column-wrapper .social-media a {
        height: 30px;
        width: 30px;
    }
    footer .column-wrapper .social-media a i {
        font-size: 16px;
    }
    .navbar-collapse {
        background: #fff;
    }
    header .navbar-nav li a {
        font-size: 12px;
        padding: 5px 20px;
        display: inline-block;
        color: #000;
    }
    .map-list h2 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .map-content .map-wrapper h2 {
        font-size: 20px;
    }
    .map-content .map-wrapper p {
        font-size: 14px;
        padding: 0;
    }
    .our-technology .section-wrapper h2 {
        font-size: 20px;
    }
    .our-technology .section-wrapper p {
        font-size: 14px;
    }
    .our-technology .section-wrapper a{
        font-size: 10px;
    }
    .home-products .product-content h2 {
        font-size: 20px;
    }
    .common-banner {
        padding: 20% 0% 30% 0%;
        background-position: right;
        background-size: cover;
    }
    header .site-logo {
        height: auto;
        width: 12vw;
    }
    .our-technology .section-graphic {
        top: -7%;
        max-width: 100px;
    }
    .home-products .product-content ul li {
        margin-bottom: 10px;
    }
    .product-section .product-heading h2 {
        font-size: 24px;
    }
    .product-section .product-heading p {
        font-size: 14px;
        padding: 0% 10% 0% 10%;
    }
    .footer-form span {
        font-size: 12px;
    }
    .footer-form p {
        font-size: 12px;
    }
    .footer-form h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .footer-form .form-btn a {
        font-size: 14px;
    }
    .footer-form .form-btn div {
        font-size: 12px;
    }
    .footer-inner .footer-background {
        padding-top: 4rem;
    }
    .product-section .product-heading {
        margin-bottom: 2rem;
    }
    .roadmap .roadmap-wrapper .this-wrapper {
        padding: 20px 0;
        text-align: center;
    }
    .roadmap .roadmap-wrapper .this-wrapper h2 {
        font-size: 20px;
    }
    .roadmap .roadmap-wrapper .this-wrapper p {
        font-size: 14px;
    }
    .roadmap .roadmap-wrapper .row:nth-child(1), .roadmap .roadmap-wrapper .row:nth-child(2), .roadmap .roadmap-wrapper .row:nth-child(3) {
        padding: 0% 0% 5% 0%;
    }
    .tech-feature1 .feature-content h2 {
        font-size: 24px;
    }
    .tech-feature1 .feature-content p {
        font-size: 14px;
    }
    .tech-feature1 .feature-content ul li {
        font-size: 14px;
    }
    .tech-media .article-row img {
        height: 300px;
        object-fit: cover;
    }
    .tech-media .article-row .article-wrapper h2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .tech-media .article-row .article-wrapper p{
        font-size: 14px;
    }
    .common-btn {
        font-size: 14px;
        margin-top: 20px;
    }
    .roadmap {
        padding-bottom: 0;
    }
    .our-tech-brand{
        margin-top: 50px;
    }
    .brown-section .content-wrapper h2 {
        font-size: 24px;
    }
    .brown-section .content-wrapper p {
        font-size: 14px;
    }
    .brown-section .content-wrapper {
        padding: 0;
    }
    .block-image{
        margin-bottom: 20px;
    }
    .block-section .block-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .block-section .block-content p {
        font-size: 14px;
    }
    .graph-div {
        gap: 10px;
    }
    .brand-section{
        margin-top: 20px;
    }
}


@media(max-width: 600px){
    .banner-container {
        width: 90%;
    }
    header {
        padding: 10px 0;
    }
    header .site-logo {
        width: 15vw;
    }
    .footer-logo img{
        max-width: 100px;
    }
    .offset-div img {
        max-width: 300px;
    }
    .graph-div div {
        align-items: flex-start;
        flex-direction: column;
    }
    .contact-form {
        padding: 5%;
        margin-top: 50px;
        margin: 50px 0 0;
    }
    
    
    
}


@media(max-width: 450px){
    .banner-container {
        width: 100%;
    }
}