/*mins*/

@media (min-width: 992px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 20%;
    }
    
    .contactform {
        margin: 50px 0 75px 0;
        height: 100%;
        padding-top: 50px;
    }
    
    .request-contact{
        margin-top: 0;  
    }
    .contact-info {
        margin-top: 70px;
        /*width: 45%;*/
    }
    .row-c{
        justify-content: center;
    }
    .contact-image {
        margin-top: 70px;
        width: 50%;
    }
    
    h2.page-title {
        font-size: 31px;
    }
    
    .form50 {
        width: 49.5%;
        display: inline-block;
    }
    
    .form33 {
        width: 32.9%;
        display: inline-block;
    }
    
    .popup .modal-dialog {
        max-width: 73%!important;
    }
    
    .popup input {
        min-height: 66px;
    }
	
	input[type="checkbox"] {
        min-height: inherit;
    }
    
}

@media (min-width: 1200px){
    
   header .container {
        max-width: 1200px;
    } 

}


@media (min-width: 1300px){
    
   header .container {
        max-width: 1223px;
    } 
    
    
}


@media (min-width: 1300px){
    
   header .container {
        max-width: 1300px;
    } 

}

@media (min-width: 1550px){
    
   
    
    section.service-home-section .container {
        max-width: 1500px;
    }
    
    header .container {
        max-width: 1500px;
    }
    .grants-section .container, .about-section .container {
        max-width: 1460px;
    }
   


}

@media (min-width: 1650px){

    .grants-section .container, .about-section .container {
        max-width: 1600px;
    }
}



/*max*/


@media (max-width:1550px){
    
    nav#site-navigation ul#primary-menu a{
        padding:15px 5px 5px 5px;
    }
    
     form#searchform {
        width: 196px;
    }
    
}



@media (max-width:1300px){
    
    
  
    
    form#searchform {
        width: 140px;
    }
    

    
    .top-header input.search-submit, #searchform input.search-submit{
        padding: 25px 30px 9px 15px;
    }
    
    .top-header{
        justify-content: flex-start;
    }
   
    
    
    .head-icons img {
        width: 25px;
    }
        
}

@media (max-width:1200px){
    
    
    
    header .container {
        max-width: 98%;
    }

  
    
    /*form#searchform {*/
    /*    width: 260px;*/
    /*}*/
    
    .top-header span:nth-of-type(2) {
        padding: 0 5px;
    }
    
    nav#site-navigation ul#primary-menu a {
        font-size: 16px;
    }
    
    .about-content {
        padding: 20px;
    }
    
    .smallslider {
        margin-top: 20px;
    }
        
    
}

@media (max-width:1100px){

    /*nav#site-navigation ul#primary-menu li {*/
    /*    padding-right: 45px;*/
    /*}*/
    
    /*.menuarrow{*/
    /*    right:23px;*/
    /*}*/
    
    
    .slide-text {
        transform: translate(-6%, -70%);
    }
    
    .slide-text h3 {
        font-size: 22px;
    }

}



@media (max-width:992px){
  




    .mainmenu {
        margin: auto;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
            font-size: 12px;
    }


  
    
    
    .getintouch {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px 30px;
        color: #000;
        margin-top: 10px;
        background-position: center !important;
    }
    
    .getintouch p {
        font-size: 14px;
    }
    a.button {
        padding: 7px 15px;
        font-size: 14px;
    }
    
    
    .contact-message p {
        font-size: 16px;
    }
    
    
    .logo-slider .container .logo-next,
    .logo-slider .container .logo-prev{
        display:none;
    }
    
    ul#menu-footer{
        gap:5px;
    }
    #menu-footer li{
        padding-right:5px;
    }
    
    ul#menu-footer a{
        font-size:14px;
    }
    .site-branding {
        max-width: 250px;
    }
    
    div#mobile_menu {
        margin-right: 20px;
    }
       
    
    
    h1.page-title, h1.entry-title{
        font-size: 24px;
    }
    
    h2{
        font-size: 22px;
    }
    
    h3{
        font-size: 20px;
    }
   
   
   .product-lising article{
       width:calc(50% - 15px);
   }
   
   
   footer {
        font-size: 15px;
    }
    
   footer .container .row:last-of-type .col-md-4 {
        display: none;
    }
    
    footer .container .row:last-of-type .col-md-8{
     width:100%;   
    }
   
    
}

@media (max-width:767px){
    
    .mob-phone {
        display: block;
    }
    .mainmenu {
        display: flex;
        justify-content: flex-end;
    }
    nav#site-navigation {
        width: 40px;
    }
    .top-header {
        display: none;
    }
    
    header .col-md-9.row {
        width: 50%;
    }
    .mega-menu-menu-1-mobile-open .mobile-icons {
        display: flex;
        position: absolute;
        bottom: -400px;
        z-index: 9999;
        left: 0;
        right: 0;
        padding: 40px 10px 15px 10px;
        width: 100%;
        background: #004B87;
        flex-direction: column;
        color: #fff;
    }
    
    .head-btn{
        display:inline-block;
    }
    
    .mobile-icons span:first-of-type {
        border-top: 1px solid #fff;
        padding-top: 15px;
    }
    .mega-menu-menu-1-mobile-open .mobile-icons a{
        color:#fff;
    }
    
    
    body {
        font-size: 16px;
    }

    
    .mobile-icons {
        gap: 10px;
    }
    

   
    .slide-text{
       padding: 20px; 
    }
    .slide-text h3 {
        max-width: 270px;
    }

    
    
    h2 {
        font-size: 20px;
    }
    .about-content {
        padding: 50px 20px;
    }
    
    
    footer .container .row:first-of-type .col-md-4{
        order:1;
    }
    footer .container .row:first-of-type .col-md-5{
        order:2;
    }
    
    footer {
        text-align: center;
    }
    .foot-contact {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 500px;
        margin: auto;
        justify-content: center;
        gap: 0 36px;
        margin-bottom: 25px;
    }
    .email:before {
        left: -23px;
        top: 3px;
    }
    
    .foot-txt {
        max-width: 100%;
        margin-bottom: 12px;
    }


    ul#menu-footer a {
        padding: 5px 0;
        display: block;
    }
    
    
    footer {
        padding: 50px 0 30px 0;
    }
    
    footer .col-12 {
        border: 0;
        margin: 0;
    }
    .foot-social {
        justify-content: center;
    }

   
    
    .slide-text h3 {
        font-size: 18px;
    }

    
    
    .blog-section article {
        margin-bottom: 30px;
    }
    
 
    
    ul, ol {
        margin: 0 0 0.5em 1em;
    }
    
    
    body {
        font-size: 16px;
    }

        
    .container{
        max-width: 92%;
    }   
    
    
    
    section.service-home-section .container {
        padding: 10px 10px 0 10px;
    }
    
    
    .product-lising article {
        width: calc(100% - 15px);
    }
}


@media (max-width:576px){
    
    
    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {
        padding-left: 40px;
    }
    
    .mega-menu-menu-1-mobile-open .mobile-icons{
        padding: 40px 10px 15px 46px;
    }
 
   .about-content h2 {
        font-size: 18px;
    }
    
    body {
        font-size: 14px;
    }
    .col-2 {
        width: 20%;
    }
   
    
    
    .blue-icon p {
        margin: 5px 0;
        font-size: 10px;
    }
    
    .blue-icon img {
        max-width: 40px;
    }
    
    .block-next{
        right:0;
        top: 38%;
        transform: translateY(-50%);
    }
    
    .block-prev{
        left:7px;
        top: 38%;
        transform: translateY(-50%);
    }
    
    .testimonials p{
        font-size:14px;
    }
    
    .testimonials .container {
        width: 70%;
    }
   .swiper-test .swiper-slide div {
        padding: 60px 20px;
        min-height: auto;
    }
    .swiper-test .swiper-slide div:before{
        right: 39%;
    }
    
    h3{
        margin-bottom: 0em;
    }
    h3:after {
        height: 7px;
        bottom: 43px;
    }
    
    .logo-slider h3{
        margin-bottom:2em;
    }
    
    
    section.about-section .container {
        padding: 7px 0px 50px 0;
    }
    
    section.about-section {
        background: #F9F9F9;
    }
    
    
    ul#menu-footer {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    
    a.slidelink {
        padding: 3px 10px;
        font-size: 10px;
    }
    
    .slide-text h3 {
        font-size: 10px;
    }
    .slide-text {
        transform: translate(-6%, -59%);
    }
    
    
    .request-quote {
        padding: 10px 11px 14px 11px;
        font-size: 12px;
    }
    
    
    .phone:before {
        height: 13px;
        width: 14px;
        left: -19px;
        top: 0px;
    }
    
    .email:before{
        height: 11px;
    }
    
    .location:before{
        height: 14px;
        width: 9px;
        left: -14px;
        top: 1px;
    }
    
    .mob-phone {
        width: 47px;
        margin-top: 6px;
    }
    
    
    .page-template-grants .content {
        padding: 0;
    }

   .grants-section .col-md-6 {
        padding: 0;
    }
}


@media (max-width:450px){
    
    .mainslider .swiper-slide img {
        transform: scale(1.2);
    }
    section.mainslider .swiper-slide {
        clip-path: polygon(100% 0%, 0% 0%, 0% 87%, 80% 100%, 100% 87%);
    }
    
    section.mainslider .swiper-wrapper:after {
        bottom: 16px;
        right: 0;
        left: 0;
        width: 100%;
        height: 39px;
        background-repeat: no-repeat;
        clip-path: polygon(100% 0%, 0% 0%, 0% 64%, 80% 100%, 100% 66%);
    }
    
    .block-prev,
    .block-next{
        top: 70%;
    }
    
    section.service-home-section .container:first-of-type {
        padding: 60px 53px 0 53px;
    }
    .row.white-icons {
        max-width: 100%;
        margin: 26px auto 0px auto;
    }
    
    .home-about-section .container{
        margin:0 ;
    }
    
    .home-about-section{
        background: #F9F9F9;
    }
    .home .container {
        max-width: 100%;
    }
    
    
    footer .row:last-of-type {
        margin-top: 15px;
        border-top: 1px solid #fff;
        padding-top: 15px;
    }
    
    footer {
        padding: 50px 10px 30px 10px;
        clip-path: polygon(0% 3%, 6% 1%, 100% 8%, 100% 100%, 0% 100%);
        font-size: 12px;
    }
    section.logo-slider:after {
        clip-path: polygon(0% 0%, 6% 1%, 100% 23%, 100% 100%, 0% 100%);
    }
    ul#menu-footer {
        gap: 10px 5px;
    }
    ul#menu-footer a {
        font-size: 12px;
    }
    #menu-footer li,
    #menu-footer li:last-of-type{
        border-right: 0;
        border-left: 1px solid #6FA935;
        padding-right: 0;
        padding-left: 5px;
    }
    #menu-footer li:first-of-type{
        border:0;
    }
    
    
    .grants-section th p{
        padding: 20px 23px 20px 20px;
    }
    
}


@media (max-width:400px){
    
    .grants-section th p {
        padding: 20px 30px 20px 20px;
    }
    
}