/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px){

/*Home page start*/

/*banner section start*/    

.banner-section{
    width: 100%;
    height: auto;
}
.banner-image1 {
    width: 100%;
    height: 450px;
}
.banner-image2 {
    width: 100%;
    height: 450px;
}    
.banner-image3 {
    width: 100%;
    height: 450px;
}    
    
/* .banner-contentbox {
    position: absolute;
    height: 450px;
    top: 0px;
    left: 7%;
    right: 7%;
    max-width: 300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}      */

.banner-contentbox {
    position: absolute;
    height: 450px;
    top: 0px;
    left: 0%;
    right: 0%;
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    /* background-color: #9aeceb56; 
    background-color: #ffffff9c;*/
    padding: 0px 30px;
  }
.banner-contentbox .banner-heading1 {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;

}
.banner-contentbox .banner-heading2 {
    text-align: center;
    font-size: 34px;
    line-height: 40px;
    margin-left: 0;
    text-shadow: 1px -1px 2px #fff;
}
.banner-contentbox .banner-heading3{
    margin-left: auto;
    margin-right: auto;
}    
    
    
.banner-details {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: 30px;
    margin-left: 0;
}
.banner-button {
    margin-top: 40px;
    margin-left: 0;
    text-align: center;
}   
    
.banner-section .owl-prev span {
    padding-left: 0px;
}    
.banner-section .owl-next span {
    padding-right: 0;
}    
   
  
/*banner section end*/    

    
    
/*Section1 start*/
    
.section1 {
    padding-top: 0px;
    padding-bottom: 0px;
}
    
.heading-section .heading-1 {
    font-size: 20px;
    line-height: 26px;
}  
.heading-section .heading-2 {
    font-size: 28px;
    line-height: 34px;
}   
.mb-mt-20 {
    margin-top: 20px !important;
}    
/*section1 end*/  
    
    
.get-a-ques-content-heading {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}    
.get-a-ques-button {
    text-align: center;
}       

.section2 {
    padding-top: 50px;
    padding-bottom: 50px;
}    
    
/*Section3 start*/
    
.mb-d-none{
    display: none;
}
    
.section3 {
    padding-top: 0px;
    padding-bottom: 50px;
}    
.serv_category-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.section2-leftbox {
    padding: 30px 20px;
}    
.section2-left_contentbox {
    max-width: 65%;
    margin-left: 15px;
}    
    
    
    
.section4 {
    padding-top: 50px;
    padding-bottom: 50px;
} 
.section4::before {
    width: 100%;
    height: 100%;
}    
    
.left_conbox-heading1 {
    font-size: 16px;
    line-height: 22px;
}    
.left_conbox-heading2{
    font-size: 24px;
    line-height: 28px;
}    
    
    
.learnmore_button{
    margin-bottom: 30px;
}    
.left_heading1 {
    font-size: 24px;
    line-height: 28px;
}   
.right_heading1 {
    font-size: 24px;
    line-height: 28px;
}    
.right_box-con .list_contentbox {
    max-width: 75%;
    margin-left: 15px;
}    

    
.section5 {
    padding-top: 0px;
    padding-bottom: 65px;
}
    
    
.mb-mt-40{
    margin-top: 40px !important;
}
.mb-mt-30{
    margin-top: 30px !important;
}
/*
.section6 {
    padding-top: 50px;
    padding-bottom: 50px;
}
*/

    
.mb-mt-0{
    margin-top: 0 !important;
}
.mb-d-none{
    display: none;
}
.mb-d-block{
    display: block;
}   

.section7 {
    padding-top: 50px;
    padding-bottom: 50px;
}    
    
.project_details {
    max-width: 80%;
}    
.project_image-col {
    margin-left: 0;
}    
    
.project_image-col2 {
    margin-right: 0;
}    
    
.project_box-heading {
    font-size: 24px;
    line-height: 28px;
}
    
.testimonial-section {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}
.testimonial-section .owl-theme .owl-nav {
    display: none;
}
    

/*Contact form section start*/ 
 
.contactus-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
.form-box {
    padding-left: 0;
    padding-right: 0;
}    
    
.contactus-section .info {
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
}
    
.contact-form {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}    
    
    
    
/*Contact form section end*/    
    
    
/*Footer start*/

.footer-column2{
    margin-top: 40px;
}  
.footer-column3{
    margin-top: 40px;
}
.footer-column4{
    margin-top: 40px;
}
.ft_end_txt {
    text-align: center;
}
.ft_end_txt2 {
    text-align: center;
}    
/*Footer end*/    
    
.contact-detailsbox{
    max-width: 200px;
} 
    
.about-content {
    top: 100px;
}    

.list-content{
    max-width: 90%;
}    
.learn-more-btn {
    margin-left: 0px;
    margin-top: 20px;
}    
    
/*Our Products details page start*/  
.content-con1 {
    margin-top: 30px;
} 
.button-group {
    display: flex;
    flex-direction: column;
}    
.button-group .btn2 {
    margin-left: 0px;
    margin-top: 20px;
}    
    
    
/*Our Products details page end*/    
    
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){

/*Home page start*/
   
    
/*banner section start*/    

.banner-section{
    width: 100%;
    height: auto;
}
.banner-image1 {
    width: 100%;
    height: 450px;
}
.banner-image2 {
    width: 100%;
    height: 450px;
}    
.banner-image3 {
    width: 100%;
    height: 450px;
}    
    
.banner-contentbox {
    position: absolute;
    height: 450px;
    top: 0px;
    left: 7%;
    right: 7%;
    max-width: 450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}  
.banner-contentbox .banner-heading1 {
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;

}
.banner-contentbox .banner-heading2 {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin-top: 30px;
    margin-left: 0;
}
.banner-button {
    margin-top: 40px;
    margin-left: 0;
    text-align: center;
}    
.banner-button{
    display: none;
}    
.banner-btn-mob{
    display: block;
}    
    
.banner-section .owl-prev span {
    padding-left: 0px;
}    
.banner-section .owl-next span {
    padding-right: 0;
}    
   
    
/*banner section end*/ 
 
.section1 {
    padding-top: 50px;
    padding-bottom: 0px;
}  
.section1 .imagecon {
    width: 100%;
    height: 500px;
    overflow: hidden;
}
    
.get-a-ques-content-heading {
    text-align: center;
}    
.get-a-ques-button {
    text-align: center;
}    
    
   


    
.mb-d-none{
    display: none;
}
    
.section2 {
    padding-top: 50px;
    padding-bottom: 50px;
}
    
.section3 {
    padding-top: 0px;
    padding-bottom: 50px;
}    
    
.image-content4 .image-content4-heading1 {
    font-size: 36px;
    line-height: 42px;
}    
.image-content4 .image-content4-heading2 {
    font-size: 36px;
    line-height: 42px;
}    
.section2 .product-heading-1 {
    font-size: 24px;
    line-height: 28px;
}    
.section2 .product-heading-2 {
    font-size: 28px;
    line-height: 32px;
}    
.section5 {
    padding-top: 00px;
    padding-bottom: 65px;
}    
/*
.section6 {
    padding-top: 50px;
    padding-bottom: 50px;
}
*/
    
.sm-mt-40{
    margin-top: 40px !important;
}    
.section4 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section4::before {
    width: 100%;
    height: 100%;
}    
    
    
.sm-mt-30{
    margin-top: 30px !important;
}    
/*section4 end*/

.md-mt-30{
    margin-top: 30px !important;
}    
    
    .learnmore_button{
        margin-bottom: 30px;
    }    
    
.section7 {
    padding-top: 50px;
    padding-bottom: 50px;
}  
    
.project_image-col {
    margin-left: 0;
}    
.project_image-col2 {
    margin-right: 0;
}    
.testimonial-section {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}
.testimonial-section .owl-theme .owl-nav {
    display: none;
}    
    
/*contact section start*/ 
    
.contactus-section {
    padding-top: 50px;
    padding-bottom: 50px;
}   
.contactus-section .info {
    width: 100%;
    height: auto;
}   
.contact-form {
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}    
    
/*contact section end*/    
    
/*Footer start*/

.footer-column2{
    margin-top: 40px;
}  
.footer-column3{
    margin-top: 40px;
}
.footer-column4{
    margin-top: 40px;
}
.ft_end_txt {
    text-align: center;
}
.ft_end_txt2 {
    text-align: center;
}    
/*Footer end*/     

    
/*Our Products details page start*/  
.content-con1 {
    margin-top: 30px;
}   
       
/*Our Products details page end*/     
    
    
    
    
    
    
    
    
}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 999.98px){
    
/*Home page start*/
    
    
/*Banner start*/
    
.banner-image1 {
    width: 100%;
    height: 450px;
}
.banner-image2 {
    width: 100%;
    height: 450px;
}    
.banner-image3 {
    width: 100%;
    height: 450px;
}    
    
.banner-contentbox {
    position: absolute;
    height: 450px;
    top: 0px;
    left: 7%;
    right: 7%;
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}    
.banner-contentbox .banner-heading1 {
    text-align: center;
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;

}
.banner-contentbox .banner-heading2 {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    margin-top: 20px;
    margin-left: 0;
}
.banner-details {
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    margin-top: 30px;
    margin-left: 0;
}
.banner-button {
    margin-top: 40px;
    margin-left: 0;
    text-align: center;
}      
.banner-btn-mob{
    display: block;
}     
 
    
/*Banner end*/    
    
/*Section1 start*/
    
.section1 {
    padding-top: 50px;
    padding-bottom: 0px;
}    
    
.md-col-dnone{
    display: none;
} 
.md-col-dblock{
    display: block;
}    
    
    
/*Section1 end*/    

.section2 {
    padding-top: 50px;
    padding-bottom: 50px;
}    
    
.md-mt-20 {
    margin-top: 20px !important;
}    
.md-mt-30 {
    margin-top: 30px !important;
}
    
.md-mt-40{
    margin-top: 40px !important;
}    
   
.section3 {
    padding-top: 0px;
    padding-bottom: 50px;
}    

/*section4 start*/ 
    
.section4 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section4::before {
    height: 100%;
}      
.learnmore_button{
    margin-bottom: 30px;
}    
/*section4 end*/  
    
    

.project_image-col {
    margin-left: 0;
}
.project_image-col2 {
    margin-right: 0;
}
.section5 {
    padding-top: 0px;
    padding-bottom: 65px;
}    
/*
.section6 {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}    
*/
/*
.section7 {
    padding-top: 50px;
    padding-bottom: 50px;
}    
*/
.testimonial-section {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
} 
.testimonial-section .owl-theme .owl-nav {
    display: none;
}    
    
    
/*contact section start*/ 
.contactus-section {
    padding-top: 50px;
    padding-bottom: 50px;
}    
.contactus-section .info {
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
} 
    
.contact-form {
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0px;
}    
    
    
/*contact section end*/     
    
    
    
/*Footer start*/
 
.footer-column3{
    margin-top: 30px;
}
.footer-column4{
    margin-top: 30px;
}
.ft_end_txt {
    text-align: center;
}
.ft_end_txt2 {
    text-align: center;
}    
/*Footer end*/    
 
    
.btn1 {
    padding: 16px 16px;
}     
.button-group .btn2 {
    margin-left: 10px;
}    
    
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 1000px) and (max-width: 1199.98px){

/* .navbar-brand {
    max-width: 260px;
    padding: 0 0 !important;
} */
    

    
.section1 .imagecon {
    width: 100%;
    height: 250px;
    overflow: hidden;
}    
.service_conbox {
    width: 100%;
    height: 250px;
    overflow: hidden;
}    
.service_con-heading {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
}    
.service_con-details {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 35px;
}    
.get-a-ques-content-heading {
    font-size: 32px;
}    
    
.section2-leftbox {
    padding: 30px 20px;
}    
.section2-left_iconbox {
    width: 70px;
    height: 70px;
}
.section2-left_contentbox-heading {
    font-size: 18px;
    line-height: 24px;
}    
    
    
.project_image-col {
    margin-left: -80px;
}   
    
.project_image-col2 {
    margin-right: -80px;
}    

.bro-iconbox {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}    
    
.brochure-heading {
    font-size: 20px;
    line-height: 24px;
}    

.service-section1 .contact-form {
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}    
 
.gallery_image-name {
    font-size: 18px;
    line-height: 24px;
}

    
}



@media (max-width: 1000px){
    
/*Header start*/

.header {
    height: 62px;
    position: relative;
    padding-bottom: 15px;
}
.top-header {
    display: none;
} 
.logobox {
    position: absolute;
    top: 0;
    left: 15px;
}    
    
.navbar-brand {
    max-width: 62px;
    padding: 5px 0 !important;
}
/* .banner-contentbox{
    left: 0;
    right: 0;
    max-width: 100%;
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
} */
/* .banner-contentbox .banner-heading1 {
    text-shadow: 2px 2px 4px #fff;
}
.banner-contentbox .banner-heading2 {
    text-shadow: 2px 2px 4px #fff;
} */


/*
.desk-banner-top{
    margin-top: 0 !important;
}
*/
/*Header start*/      
    
.testimonial-section .testi-box {
    width: 90%;
    height: auto;
}    
.form-heading {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.service-section1 {
    padding-top: 60px;
    padding-bottom: 60px;
}    
.download_brochure {
    display: block !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-bottom: 50px;
} 
.download_left{
    display: block !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}    
.bro-iconbox {
    margin-right: 0px;
    margin-bottom: 15px;
}    
    
.download_brochure-button{
    margin-top: 50px;
}    
.right-form-box {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}    

.nav-tab-container .nav-item {
    margin-right: 0px;
}    
    
.banner-heading-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background:  rgba(174,188,194,1);
}    

.about-content h1 {
    font-size: 24px;
    padding-top: 0px;
}


.gallery_section1{
    padding-top: 50px;
    padding-bottom: 50px;
}
    
.service_imagebox {
    width: 100%;
    height: auto;
}    
    
    
}


@media (min-width: 1800px){
  
.banner-image1 {
    width: 100%;
    height: 750px;
}
.banner-image2 {
    width: 100%;
    height: 750px;
}
.banner-image3 {
    width: 100%;
    height: 750px;
}    
.banner-contentbox {
    height: 750px;
}    

.section1 .imagecon {
    width: 100%;
    height: 400px;
    overflow: hidden;
}    
.service_conbox {
    width: 100%;
    height: 400px;
    overflow: hidden;
}    
    
    
    
    
}


