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

    .contact .select
    {
        display: none !important;
    }
    
}


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

    

}

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

    

}


@media only screen and (max-width: 1441px)
{
    /* Contact Page */
    
    .contact .label-input-container .input 
    {
        width: 400px;
    }

}

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


}

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

    

}

@media only screen and (max-width: 1200px)
{
    h1
    {
        font-size: 70px;
    }
    
    h2
    {
        font-size: 55px;
    }
    
    h3
    {
        font-size: 45px;
    }
    
    p
    {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .brand-logo img 
    {
        max-width: 240px;
    }
    
    .header-banner h1 
    {
        font-size: 70px;
        line-height: 1.2;
    }
    
    /* Service Page */
    
    .service-second-section .service-second-section-container 
    {
        width:70%;
    }
    
    .service-second-section .service-second-section-img-container 
    {
        width: 30%; 
    }

}


@media only screen and (max-width: 1025px)
{
    /* Custom CSS */
    
    h1
    {
        font-size: 80px;
    }
    
    h2
    {
        font-size: 45px;
    }
    
    h5
    {
        font-size: 27px;
    }
    
    .header-banner h1
    {
        font-size: 80px;
        line-height: 1.2;
    }
    
    canvas
    {
        width: 100%;
        height: auto;
    }

    /* Service Page */
    
    .service-third-section .service-third-section-img-container img 
    {
        object-fit: cover;
        height: 100%;
        width: 40%;
    }
    
    .service-second-section .service-second-section-img-container 
    {
        width: 40%;
    }
    
    .service-second-section .service-second-section-container 
    {
        width: 60%;
    }
    
    /* Footer */
    
    .footer-logo 
    {
        max-width: 170px;
    }
    
    .footer-mid ul li a 
    {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .footer-top p 
    {
        font-size: 16px;
        line-height: 1.4;
    }
    
    /* Contact Page */
    
    .contact .label-input-container .input 
    {
        width: 300px;
    }
    
}

@media only screen and (max-width: 992px)
{
    /* Custom CSS */
    
    /* Footer */
    
    .footer-logo 
    {
        max-width: 159px;
    }
    
 
}


@media (max-width: 769px) 
{

    /* custom css */
    
    .p-50
    {
        padding: 0;
    }
    
    /* 1 Custom ScrollBar */

    ::-webkit-scrollbar {
        width: 0px;
    }
    
    ::-webkit-scrollbar-track {
        width: 0px;
        background: var(--clr-bg);
    }
    
    ::-webkit-scrollbar-thumb {
        background-image: linear-gradient(#052C3C, #741CFF, #FB00FF);
    	/* border-radius: 20px; */
    }
    
    
    .container-fluid 
    {
        padding: 0px 20px;
    }

    /* Header */
    
    .brand-logo img 
    {
        width: 100%;
        padding: 0; 
    }

    .header-row, .header-nav-footer
    {
        padding: 30px;
    }
    .fullpage-menu-inner
    {
        padding: 70px 30px;
    }
    nav li a
    {
        font-size: 54px;
    }
    .social-links li
    {
        font-size: 16px;
    }

}

@media only screen and (max-width: 575px)
{
    
    /* custom css */

    h1 
    {
        width: 100%;
        font-size: 60px;
        line-height: 1.1;
    }

    h2
    {
        font-size: 45px;
    }

    h3 
    {
        font-size: 40px;
    }
    
    h5
    {
        font-size: 25px;
        margin-top: 20px;
    }

    p 
    {
        margin-top: 20px;
    }

    .p-100
    {
        padding: 40px 0;
    }

    .p-140
    {
        padding: 20px 0;
    }

    .p-180
    {
        padding: 40px 0;
    }
    
    .p-60
    {
        padding: 60px 10px;
    }
    
    .img
    {
        height: 160px;
    }
    
    .about .about-hero-img
    {
        height: auto;
    }
    
    .about-second-section .about-second-section-imgs img
    {
        height: auto;
    }
    
    .about-second-section .about-second-section-img-4 img
    {
        height: auto;
    }

    .container-fluid 
    {
        padding: 0px 20px;
    }

    canvas
    {
        width: 100%;
        margin-top: 30px;
    }

    /* Header */

    header 
    {
        padding: 25px 0px;
    }

    .footer-logo 
    {
        width: 100%;
        padding: 40px 0 0 0;
    }

    .social-links li:last-child 
    {
        margin-left: 0;
        margin-top: 12px;
    }

    .social-links 
    {
        flex-wrap: wrap;
    }

    ol, ul 
    {
        padding-left: 0;
    }
    
    .fullpage-menu 
    {
        height: 100%;
        overflow: hidden;
    }

    /* Banner */

    #canvas 
    {
        width: 100%;
        top: 82px;
    }

    .header-banner h1 
    {
        width: 100%;
        font-size: 60px;
        line-height: 1.1;
    }
    
    .header-banner 
    {
        padding: 150px 0px 50px;
    }

    /* About Section */

    .home-about .home-about-right .about-section-content-heading 
    {
        margin-top: 20px;
    }

    .home-about .home-about-right .about-section-content-heading-copy 
    {
        margin-top: 0;
    }

    /* Service Section */

    .service-section .service-section-dm 
    {
        margin-top: 0px;
        padding: 0;
    }

    /* Footer */

    .marque-main
    {
        display: none;
    }

    .footer-mid 
    {
        padding: 50px;
    }

    .footer-bottom p {
        font-size: 16px;
        text-align: center;
        margin-top: 10px;
    }
    
    /* About Page*/
    
    .about
    {
        background-color: var(--black-bg);
        padding: 150px 0px 50px;
    }
    
    .about-third-section p 
    {
        margin-bottom: 0px; 
    }
    
    .about-second-section .about-second-section-imgs 
    {
        padding-bottom: 0px;
    }
    
    .custom-padding 
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    /* Service Page */
    
    .service
    {
        padding: 150px 0 0 0;
    }
    
    /* Contact Page */
    
    .contact
    {
        padding: 150px 0 0 0;
    }
    
    .contact .label-input-container .input 
    {
        width: 100%;
    }
    
    .contact .label-input-container 
    {
        width: 100%;
    }
    
    .label-input-container .input.message 
    {
        background-color: transparent;
        width: auto;
        margin-left: 129px;
    }
    
    .contact .label-input-container label 
    {
        top: 25%;
        left: 0%;
    }
    
    #message
    {
        padding: 100px 0 15px 15px;
    }
    
    /* Careers Page */
    
    .careers-page 
    {
        padding: 150px 0px 50px;
    }
    
    .accordion-flush .accordion-item 
    {
        padding: 1rem 1.25rem;
    }
   
}

@media only screen and (max-width: 426px)
{
    /* Brief Section */



}

@media only screen and (max-width: 376px)
{
    /* custom css */

    h1 
    {
        width: 100%;
        font-size: 60px;
        line-height: 1.1;
    }

    h2
    {
        font-size: 40px;
    }

    h3 
    {
        font-size: 38px;
    }

    p 
    {
        /*margin-top: 20px;*/
    }

    .p-100
    {
        padding: 40px 0;
    }

    .p-180
    {
        padding: 40px 0;
    }

    .container-fluid 
    {
        padding: 0px 20px;
    }

    canvas
    {
        width: 100%;
        margin-top: 30px;
    }

    /* Header */

    header 
    {
        padding: 25px 0px;
    }

    .social-links li:last-child 
    {
        margin-left: 0;
        margin-top: 12px;
    }

    .social-links 
    {
        flex-wrap: wrap;
    }

    ol, ul 
    {
        padding-left: 0;
    }
    
    .fullpage-menu 
    {
        height: 100%;
        overflow: hidden;
    }

    /* Banner */

    #canvas 
    {
        width: 100%;
        top: 82px;
    }

    .header-banner h1 
    {
        width: 100%;
        font-size: 60px;
        line-height: 1.1;
    }
    
    .header-banner 
    {
        padding: 150px 0px 50px;
    }

    /* About Section */

    .home-about .home-about-right .about-section-content-heading 
    {
        margin-top: 20px;
    }

    .home-about .home-about-right .about-section-content-heading-copy 
    {
        margin-top: 0;
    }

    /* Service Section */

    .service-section .service-section-dm 
    {
        margin-top: 0px;
        padding: 0;
    }

    /* Footer */

    .marque-main
    {
        display: none;
    }

    .footer-mid 
    {
        padding: 0;
    }

    .footer-bottom p {
        font-size: 16px;
        text-align: center;
        margin-top: 10px;
    }
    
    /* Contact Page */
    
    .label-input-container .input.message 
    {
        margin-left: 114px;
    }
    
    .contact .label-input-container i 
    {
        top: 25%;
        right: 1%;
    }
    
    .contact .select
    {
        display: block !important;
    }
    
}

@media only screen and (max-width: 376px)
{
    .label-input-container .input.message 
    {
        margin-left: 0px;
    }   
    
    .contact .label-input-container label 
    {
        display: none;
    }
}