/* Big Sreen Width 1800px */
@media only screen  and (max-width:1800px){
    .logo_DPs {
        width: 1200px;
        margin-top: 27px;
    }
}

/* Big Sreen Width 1800px */
@media only screen  and (max-width:1550px){
    .logo_DPs {
        width: 0px;
    }

    .logo_DPs_1 {
        float: right;
        right: 15px;
        position: relative !important;
        width: 1000px;
        height: 65px;
        margin-top: 25px;
        background-size: cover;
    }

    h1 {
        font-size: 210%;
    }

    svg {
        width: 480px;
    }
}

/* Big tablet to 1300px; */
@media only screen  and (max-width:1300px){
    h1 {
        font-size: 185%;
    }

    svg {
        width: 450px;
    }

    .logo {
        width: 100px;
        margin-top: 15px;
    }

    .logo_DPs_1 {
        width: 800px;
        height: 50px;
        margin-top: 25px;
    }
}


/* Big tablet to 1200px; */
@media only screen  and (max-width:1189px){
    h1 {
        font-size: 170%;
    }
    svg {
        width: 430px;
    }

}

/* Big tablet to 1200px; */
@media only screen  and (max-width:1084px){
    h1 {
        font-size: 160%;
    }
    svg {
        width: 410px;
    }

    .logo_DPs_1 {
        width: 670px;
        height: 45px;
        margin-top: 30px;
    }
    
}

/* Small tablet to big tablet 1027px */
@media only screen and (max-width:1027px){
    .heading-main-box {
        position: absolute ;
        top: 30%;
        left: 5%;
        text-align: center;
        margin: 0px;
        width: 90%;
    } 

    .heading-main-box a {
        left: 50%;
    }

    h1 {
        font-size: 177%;
    }
    svg {
        padding: 0px;
        width: 430px;
        height: 400px;
        top: 55%;
        left: 50%;
        transform: translate(-50%, 25%);
    }
    
    .logo {
        width: 90px;
    }
}

/* Small tablet to big tablet from 865px */
@media only screen and (max-width:865px){
    .logo_DPs_1 {
        width: 0px;
        height: 45px;
        margin-top: 30px;
    }

    .navbar-nav li a {
        padding-left: 30px;
    }

    .logo_DPs_2 {
        float: right;
        right: 15px;
        position: relative !important;
        width: 470px;
        height: 52px;
        margin-top: 25px;
        background-size: cover;
    }
}


/* Small tablet to big tablet from 680px */
@media only screen and (max-width:680px){

    .navbar-toggler {
        width: 20px !important;
        height: 20px;
    }

    .navbar-toggler-icon {
        position: relative;
        width: 15px;
        top: -100%;
        left: -7px;
    }

    .logo_DPs_2 {
        width: 370px;
        height: 42px;
        margin-top: 30px;
    } 
    
    h1 {
        font-size: 155%;
    }
}


/* Small tablet to big tablet from 574px */
@media only screen and (max-width:575px){
    .logo{
        width: 75px;
        margin-top: 20px
    }
    .logo_DPs_2 {
        width: 300px;
        height: 35px;
        margin-top: 35px;
    } 


    h1 {
        font-size: 140%;
    }

    svg {
        width: 400px;
        top: 380px;
    }
}


/* Small tablet to big tablet from 574px */
@media only screen and (max-width:575px){
    h1 {
        font-size: 125%;
    }

    svg {
        width: 370px;
        top: 380px;
    }
}

 

/* Small tablet to big tablet from 574px */
@media only screen and (max-width:450px){
    .logo{
        width: 70px;
        margin-left: 10px;
        margin-top: 25px
    }
    .logo_DPs_2 {
        width: 230px;
        height: 25px;
        margin-top: 40px;
    } 

    h1 {
        font-size: 97%;
    }

    svg {
        width: 310px;
        top: 350px;
    }
}