/*for mobile and tablet*/
@media (max-width:768px){
    .header-bg h1:first-child {
        padding-top: 25%;
    }
    .header-bg h1 {
        font-size: 44px;
    }
    .about h2 {
        font-size: 36px;
        padding-top: 0px;
    }
    .about p {
        font-size: 16px;
    }
    .important .row h2 {
        font-size: 30px;
    }
    .important .row p {
        font-size: 16px;
    }
    .important .row img {
        padding-top: 90%;
    }
    .sp {
        width: 80%;
        height: 101%;
        margin-left: 13%;
    }
    .sp h2 {
        font-size: 19px;
        padding:24px 0 0 71px;
    }
    .sp p {
        font-size: 13px;
        padding-left: 22px;
        padding-top: 0px;
    }
    .footer-bg p {
        font-size: 19px;
    }  
    form {
        margin-left: 21%;
        margin-bottom: 5%;
    }
    input {
        padding: 3px 184px 13px 4px;
    }
}


/*for mobile*/
@media(max-width:576px){
    .header-bg {
        height: 360px;
    }  
    .about h2 {
        padding-top: 25px;
    }
    .important {
        height: 520px;
    }       
    .important .row img {
        margin-top: -80%;
    }
    .sp {
        width: 83%;
        height: 103%;
        margin-left: 7%;
        margin-top: 9%;
    }
    .sp h2 {
        font-size: 25px;
        padding: 41px 0 0 71px;
    }
    .sp p {
        font-size: 15px;
        padding-left: 22px;
        padding-top: 11px;
    }  
    .foooter-bg {
        margin-top: 23%;
    } 
    .nav-bg {
        height: 238px;
    }
    .nav-bg h1 {
        font-size: 52px;
        padding-top: 16%;
    } 
    form {
        margin-left: 0%;
    }
    .product p {
        text-align: center;
    }
    .product ul {
        padding-left: 35%;
    }
    .oflative p {
        text-align: center;
    }
    .oflative ul {
        padding-left: 13%;
    }
    .in-bg {
        height: 395px;
    }
    .in-bg h2 {
        font-size: 29px;
    }
    .in-bg p {
        font-size: 19px;
    }
    .in-bg ul li {
        color: #f4f2f2;
        font-size: 20px;
    }
    .window{
        margin-left: 0px;
    }
}