@media only screen and (device-width: 1024px) {
    .header .bottom-head nav .nav-item a {
        font-size: 10px;
    }
    .web-page .page-title , .company-page .company-title{
        width: 100%;
        font-size:4vw;
    }
    .company-page .company-service-title span{
        font-size:4vw;
    }
    .web-page .page-subtitle , .company-subtitle{
        width: 100%;
        font-size:4vw;
    }
    .companies-page .company-section .company-section-image img{
        width: 100%;
    }
    .companies-page .company-section{
        width: 20.5em;
        height: 20em;
    }
    .select-kind label {
        padding: 30px;
    }
    footer .top-footer .footer-logo img{
        width: 15vh;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .web-page .page-title{
        width: 100%;
    }
    .companies-page .company-section .company-section-image img{
        width: 100%;
    }
    .web-page .page-title , .company-page .company-title{
        width: 100%;
        font-size:5vw;
    }
    .company-page .company-service-title span{
        font-size:5vw;
    }
    .web-page .page-subtitle , .company-subtitle{
        width: 100%;
        font-size:4vw;
    }
    footer .top-footer .footer-logo img{
        width: 15vh;
    }
    footer .top-footer .social-list li a{
        margin: 0;
    }
}
@media only screen and (max-width: 994px) {

    .header .bottom-head nav .nav-item a{
        text-align: center;
    }
    .form {
        height: auto!important;
        padding-bottom: 30px;
    }
    .form .half-input{
        width: 100%;
    }
    .form img{
        display: none;
    }
    .form .new-input{
        width: 100%;
        margin-bottom: 10px;
    }
    .video{
        height: 500px!important;
    }
    .services .services-title{
        width: 100%;
    }
    .services ul , .footer-social , .footer-payment{
        text-align: center;
    }
    .footer-social ul , .footer-payment ul{
        margin-top:15px;
    }
    .web-page .page-title , .company-title{
        width: 100%;
        font-size:5vw;
    }
    .web-page .page-subtitle , .company-subtitle{
        width: 100%;
        font-size:4vw;
    }
    .company-page .company-service-title span{
        font-size:5vw;
    }
    .web-page .page-content  ,.company-page .company-content ,.company-page .company-service-content span{
        width: 100%;
        font-size:4vw;
    }
    .companies-page .company-section{
        width: 20.5em;
        height: 20em;
    }
    footer .top-footer .footer-logo img{
        width: 15vh;
    }
}
/*************************************/
@media only screen and (device-width: 768px){
    .search-page .half-input {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .search-page label {
        font-size: 16px;
        padding: 0px;
    }
    .results-page .small-cart .cart-body h3{
        font-size: 18px;
    }
    .input-form span {
        font-size: 15px;
    }
    .select-kind label {
        padding: 10px 0;
    }
}
@media only screen and (max-width: 767px) {

    .dashboard-logo{
        width: 100%;
        border-left: none;
        padding: 20px 0 20px 0px;
    }
    .user-name {
        width: 100%;
        text-align: center;
        margin:0 0 20px 0;
    }
    .header .bottom-head nav .nav-item a{
        text-align: center;
    }
    .form {
        height: auto!important;
        padding-bottom: 30px;
    }
    .form .half-input{
       width: 100%;
    }
    .form img{
        display: none;
    }
    .form .new-input{
        width: 100%;
        margin-bottom: 10px;
    }
    .video{
        height: 500px!important;
    }
    .services .services-title{
        width: 100%;
    }
    .services ul , .footer-social , .footer-payment{
        text-align: center;
    }
    .footer-social ul , .footer-payment ul{
        margin-top:15px;
    }

    .web-page .page-title , .company-page .company-title{
        width: 100%;
        font-size:5vw;
    }
    .web-page .page-subtitle ,.company-page .company-subtitle{
        width: 100%;
        font-size:4vw;
    }
    .company-page .company-service-title span{
        font-size:5vw;
    }
    .web-page .page-content  ,.company-page .company-content ,.company-page .company-service-content span{
        width: 100%;
        font-size:4vw;
    }
    .companies-page .company-section{
        width: 20.5em;
        height: 20em;
    }
    .search-page .half-input {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .order-page .order-page-content .card .card-header img {
        margin: 0;
    }
    .input-form .upload .btn{
        padding: 10px;
        font-size: 12px;
    }
    .select-kind label {
        padding: 15px;
    }
    footer .top-footer .footer-logo img{
        width: 15vh;
    }
}
@media only screen and (max-width: 640px) and (min-width: 320px){
    .header .container .row>.col-md-5{
        text-align: center;
        margin-top: 10px;
    }
    .navbar-brand{
        width:60%;
    }
    .navbar-brand img{
        width:100%;
    }
    .dashboard-logo{
        width: 100%;
        border-left: none;
        padding: 20px 0 20px 0px;
    }
    .user-name {
        width: 100%;
        text-align: center;
        margin:0 0 20px 0;
    }
    .web-page .page-title , .company-page .company-title{
        width: 100%;
        font-size:5vw;
    }
    .web-page .page-subtitle ,.company-page .company-subtitle{
        width: 100%;
        font-size:4vw;
    }
    .company-page .company-service-title span{
        font-size:5vw;
    }
    .web-page .page-content  ,.company-page .company-content ,.company-page .company-service-content span{
        width: 100%;
        font-size:4vw;
    }
    .companies-page .company-section{
        width: 20.5em;
        height: 20em;
    }
    .companies-page .company-section img{
        width: 100%;
    }
    .search-page .half-input {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .order-page .order-page-content .card .card-header img {
        margin: 0;
    }
    .input-form .upload .btn{
        padding: 10px;
        font-size: 12px;
    }
    .select-kind label {
        padding: 15px;
    }
    footer .top-footer .footer-logo img{
        width: 15vh;
    }
}
@media only screen and (max-width: 320px) and (min-width: 280px){
    .header .container .row>.col-md-5{
        text-align: center;
        margin-top: 10px;
    }
    .navbar-brand{
        width:55%;
    }
    .dashboard-logo{
        width: 100%;
        border-left: none;
        padding: 20px 0 20px 0px;
    }
    .user-name {
        width: 100%;
        text-align: center;
        margin:0 0 20px 0;
    }
    .navbar-brand img{
        width:100%;
    }
    .web-page .page-title , .company-page .company-title{
        width: 100%;
        font-size:5vw;
    }
    .web-page .page-subtitle ,.company-page .company-subtitle{
        width: 100%;
        font-size:4vw;
    }
    .company-page .company-service-title span{
        font-size:5vw;
    }
    .web-page .page-content  ,.company-page .company-content ,.company-page .company-service-content span{
        width: 100%;
        font-size:4vw;
    }
    .navbar-toggler {
        padding: 0.15rem .15rem;
    }
    .companies-page .company-section{
        width: 20.5em;
        height: 20em;
    }
    .companies-page .company-section img{
        width: 100%;
    }
    footer .top-footer .footer-logo img{
        width: 15vh;
    }
    .company-page .company-banner .banner-title span {
        font-size:4vw;
        margin: 10px 10px;
    }
    .company-page .company-banner {
        height: 237px;
    }
    .search-page .half-input {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .order-page .order-page-content .card .card-header img {
        margin: 0;
        width: 27%;
        object-fit: contain;
    }
    .input-form .upload .btn{
        padding: 10px;
        font-size: 12px;
    }
    .input-form span {
        font-size: 15px;
    }
    .select-kind label {
        padding: 15px;
    }
}