@media (max-width: 1024px){
nav#navbar ul li a {padding: 20px 30px;font-size: 16px;}

#hero h1 {font-size: 50px;}

#hero p {font-size: 20px;}

a.primary-btn {padding: 12px 30px;font-size: 16px;}

.grow-area .col-xl-3 {width: 50%;margin: 5px 0;}    



.common-col-dark h2 {font-size: 40px;}

.common-col-dark p {font-size: 20px;}

.results-area ul li {font-size: 18px;}

.results-area ul li svg {top: 12px;}

#work-area .content-container p {padding: 10px 0;text-align: center;}

.sales-area h3 {text-align: center;}

.blog-area .col-xl-4 {width: 50%;margin: 14px 0;}

.align-items-center .row {justify-content: center;}



.common-col-light h2 {font-size: 40px;}

.book-area p {font-size: 20px;}

#footer .container .col-xl-4 {flex: 1;}

#footer .container .col-xl-4:nth-child(1) {text-align: left;}

#footer .container .col-xl-4:nth-child(3) {text-align: right;}
}

@media (max-width: 991px){
#hero {height: 400px;}

.grow-area {margin: 0;padding: 50px 0;}

.portfolio-area {margin: 0;padding: 50px 0;}

.grow-area .content-container {box-shadow: 0px 0 10px 1px rgb(0 0 0 / 21%);}

.grow-area h4 {color: #232D31;}

.common-col-dark h2 {font-size: 35px;}

.py-100 {padding: 50px 0;}

.blog-area .col-xl-4 {padding: 0;}

#footer .container {display: block !important;padding: 0 !important;}

#footer .container .col-xl-4 {text-align: center !important;margin: 20px 0;}

#copywrite .row {display: block !important;}

#copywrite .row .col-md-3 {width: 100% !important;margin: 17px 0;}

#copywrite .col-md-6 {width: 100%;}

ul.social {justify-content: center;}

#copywrite .col3 ul {justify-content: center;}

#copywrite {padding: 10px 0;}    
}
@media (max-width: 650px){

#header .container-fluid {display: block !important;}

#header h1.logo {text-align: center;margin-bottom: 13px;}

#header h1.logo img {width: 200px;}

#header ul#menu {display: block;text-align: center;}

#header #navbar {justify-content: center;padding-bottom: 0;}

nav#navbar ul li {margin-left: 0;margin-bottom: 8px;}

#hero h1 {font-size: 30px;margin-bottom: 10px;}

#hero p {font-size: 16px;line-height: 26px;}

a.primary-btn {font-size: 14px;padding: 10px 15px;}

.grow-area h4 {font-size: 22px;}

.grow-area .col-xl-3 {width: 100%;padding: 0 20px;margin-bottom: 10px;}

.common-col-dark h2 {font-size: 25px;}

.common-col-dark p {font-size: 16px;line-height: 25px;}

.common-col-dark h2 br {display: none;}

.results-area ul li {padding-right: 0;}

.results-area .bottom-col h2 {font-size: 16px;line-height: 25px;}

.results-area .bottom-col h2 br {display: none;}

#work-area .content-container p {font-size: 16px;}

.results-area ul li {font-size: 16px;}

.bottom-col a {margin-top: 15px;}

.results-area .row {margin-bottom: 20px;}

.sales-area .content-container p {font-size: 16px;line-height: 25px;text-align: center;}

.sales-area .content-container ul li {padding-right: 0;font-size: 16px;}

.blog-area .common-col-dark {margin-bottom: 20px;}

.blog-area .col-xl-4 {width: 100%;}

.blog-area .port-body h3 {font-size: 20px;}

.common-col-light h2 {font-size: 28px;line-height: 35px;}

.book-area p {width: 100%;font-size: 16px;line-height: 25px;}    
}
@media only screen and (min-width: 300px) and (max-width: 519px) {
    .bnr-cont h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .bnr-cont h3 {
        font-size: 22px;
        line-height: 25px;
    }
    .bnr-cont p {
        font-size: 17px;
        line-height: 20px;
    }
    .bnr-form h3 {
        font-size: 23px;
    }
    .bnr-form button {
        padding: 10px 25px;
        font-size: 13px;
    }
    .industry-log img {
        width: 50% !important;
    }
    .industry-log {
        text-align: center;
    }
    .prim-cont h3{
        font-size: 35px;
        line-height: 38px;
    }
    .cta-hed h3 {
        font-size: 35px;
        line-height: 34px;
    }
    .tol-cont h4 {
        font-size: 23px;
    }
}