@media all and (max-width:1315px){
    #searchbox{
        width: 100%;
    }
}

@media all and (max-width:1230px){
    .hesec2{
        width: 55%;
    }
    #searchbox{
        width: 40px;
        height: 40px;
    }
    #searchicon{
        left: 65px;
    }
    .centersec{
        width: 55%;
    }
}

@media all and (max-width:1100px){
    .mainsec{
        padding-left: 7%;
    }
    .leftsec{
        display: none;
    }
    .centersec{
        width: 65%;
    }
    .rightsec{
        width: 30%;
    }
}

@media all and (max-width:900px){
    .hesec1{
        width: 25%;
    }
    .hesec2{
        width: 45%;
    }
    .hesec3{
        width: 25%;
    }
    .mainsec{
        display: flex;
        justify-content: center;
        padding-left: 0%;
        padding-right: 0%;
    }
    .centersec{
        width: 75%;
    }
    .rightsec{
        display: none;
    }
}

@media all and (max-width:700px){
    .hesec1{
        width: 40%;
    }
    .hesec2{
        display: none;
    }
    .hesec3{
        width: 40%;
    }
}

@media all and (max-width:500px){
    .centersec{
        width: 95%;
    }
}

@media all and (max-width:480px){
    .hesec1{
        width: 35%;
    }
    .hesec3{
        width: 65%;
    }
}