/*L-desktop*/

@media (min-device-width:  1600px)
{

}

/*L-laptops*/
@media (max-width: 1440px)
{
    body
    {
        overflow: hidden;
    }
    .main-head
    {
        left: 0;

    }
}

/*laptops/tablets*/
@media (max-width: 1024px)
{
    body
    {
        overflow-y: visible;
    }
    .main-head
    {
        display: none;
    }
    .comingsoon
    {
        width: 46%;
        margin-right: 50px;
    }
    .comingsoon-title
    {
        font-size: 50px;
    }
    .comingsoon-para
    {
        font-size: 18px;
    }
    .contact-info
    {
        gap: 15px;
    }
    .contact-item
    {
        font-size: 13px;
    }
}


/*tablets*/
@media(max-width: 768px)
{
    main
    {
        width: 100%;
    }
    .comingsoon-title
    {
        font-size: 40px;
    }
    .comingsoon-para
    {
        font-size: 16px;
    }
    .contact-info
    {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .logo
    {
        width: 100px;
    }
}

/*Smart phone*/
@media (max-width: 576px)
{
    .main-head
    {
        display: none;
    }

    .social-icons
    {
        position: static;
        text-align: center;
    }
    main
    {
        transform: rotate(0deg);
        width: 100%;
        position: static;
    }
    .comingsoon
    {
        width: 100%;
        transform: rotate(0deg);
    }
    main::before
    {
        display: none;
    }
    .comingsoon-title
    {
        font-size: 36px;
    }
    .comingsoon-para
    {
        font-size: 14px;
    }
    .contact-info
    {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 15px 0;
    }
    .contact-item
    {
        font-size: 12px;
    }
    .logo
    {
        width: 80px;
    }
}