/* first media query for mobile responsiveness */

@media(max-width:767px){

#home-page .mobile-logo{
    height: 70px;
    margin-top: 20px;
    display: block;
}

#home-page .logo{
    height: 70px;
    margin-top: 20px;
    display: none;
}

#home-page .text {
    height: auto;
    width: 260px;
}

#home-page .available-btn{
    width: 80%;
}

#home-page .go-form{
    height: 280px; 
}

#home-page .go-form form .field-sec{
    display: inline;
    width: 100%;
    margin: 0px;
}

#home-page .go-form form .field-sec .form-control{
    margin-bottom: 15px;
}

#home-page .go-form form .btn-sec,
#home-page .go-form form .field-sec .go-btn{
    width: 100%;
}

#coverage-type .input-group-btn .btn-group{
    display: grid !important;
}

#coverage-type ul{
    display: block;
}

#coverage-type ul li{
    width: auto;
}

#coverage-type .number-btn {
    margin-bottom: 15px;
}

#coverage-type .check-btn{
    width: 100%;
}

#form-step1 form .form-control{
    width: 100%;
}

#form-step1 .pic-upload-form .inputfile + label{
    margin-left: 60px;
}

#form-step1 .payment-col{
    margin-top: 30px;
}
   
}

/* first media query for mobile landscape responsiveness */

@media(max-width:767px) and (orientation : landscape){

 #home-page .available-btn{
    width: 40%;
}

#coverage-type .input-group-btn .btn-group{
    display: flex !important;
}

#coverage-type .car-row{
    display: flex;
}

#coverage-type ul{
    display: flex;
}

#coverage-type ul li{
    width: auto;
    padding: 20px 15px;
}

#coverage-type ul li a{
    font-size: 14px;
}

#coverage-type .number-btn{
    width: 100%;
    padding: 25px 50px;
}

#coverage-type .check-btn {
    width: 60%;
}

#form-step1 form .form-control{
    width: 70%;
}

#form-step1 .pic-upload-form .inputfile + label{
    margin-left: 110px;
}

}

/* second media query for tablet responsiveness */

@media(min-width:768px) and (max-width:991px){

#home-page .mobile-logo{
    height: 70px;
    margin-top: 20px;
    display: block;
}

#home-page .logo{
    height: 70px;
    margin-top: 20px;
    display: none;
}

#home-page .text {
    height: auto;
    width: 500px;
}

#home-page .available-btn{
    width: 40%;
}

#home-page .go-form{
    height: 300px; 
}

#home-page .go-form form .field-sec{
    display: inline;
    width: 100%;
    margin: 0px;
}

#home-page .go-form form .field-sec .form-control{
    margin-bottom: 15px;
}

#home-page .go-form form .btn-sec,
#home-page .go-form form .field-sec .go-btn{
    width: 100%;
}

#coverage-type .number-btn{
    width: 100%;
}

#coverage-type .car-row{
    display: flex;
}

#coverage-type .number-btn{
    width: 100%;
    padding: 25px 70px;
}

#form-step1 .pic-upload-form .inputfile + label{
    margin-left: 120px;
}

#form-step1 .payment-col{
    margin-top: 30px;
}

#form-step1 .last-form .form-control{
    padding: 6px 4px;
}

}

/* /////////////////////////////////////////////////////////////////////////////////////// */


@media(min-width:992px) and (max-width:1200px){

#home-page .mobile-logo{
    height: 70px;
    margin-top: 20px;
    display: block;
}

#home-page .logo{
    height: 70px;
    margin-top: 20px;
    display: none;
}

#coverage-type .number-btn{
    width: 100%;
}

#form-step1 .last-form .form-control{
    padding: 6px 4px;
}

}