/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){




}






/* Medium screen  */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) { 



/*** Header Style one Css ***/  
.header-right .nav-outer {
    padding-right: 30px;
}

/*** About Style1 Css ***/

/*** Testimonials-style1-area Css ***/  
.testimonials-style1__image {
    padding-top: 70px;
    max-width: 570px;
    width: 100%;
}
.testimonials-style1__content {
    padding-top: 60px;
    padding-left: 0px;
}

/*** Testimonials Style1 Area Css ***/  
.single-fact-counter {
    max-width: 50%;
}

/*** Faq Style1 Area Css ***/  
.faq-style1__content {
    padding-bottom: 100px;
}

/*** Contact Style1 Area Css ***/ 
.contact-style1__image {
    position: relative;
    left: 0;
    top: 0;
}
.contact-form-box1 {
    padding-top: 70px;
}
.contact-form-box1 form .input-box {
    margin-bottom: 20px;
}
.contact-style1__image img {
    max-width: 100%;
    width: 100%;
    float: none;

}

/*** Footer Area Css ***/
.footer {
    padding: 250px 0 110px;
}
.footer-bg {
    background-position: revert;
    background-size: cover;
}
.single-footer-widget.marbtm50{
    margin-bottom: 50px;
}




/*** Header Style Two Css ***/ 
.header-style-two .header-middle {
    padding-left: 90px;
}

/*** About Style2 Area Css ***/

/*** Contact Style2 Area Css ***/

/*** Testimonials Style2 Area Css ***/

/*** Contact Style3 Area Css ***/

/*** About Style3 Area Css ***/

/*** Working Process Area Css ***/ 
.single-working-process .text-holder h3 {
    font-size: 18px;
}
.working-process-box .arrow-box {
    display: none;
}

/*** Choose Style1 Area Css ***/

/*** About Style3 Area About Page Css ***/

/*** Testimonials Style2 Testimonail Page Css ***/

/*** Pricing Plan Area Css ***/

/*** Project Details Area Css ***/

/*** Faq Style1 Faq Page Css ***/

/*** Blog Page Two Css ***/

/*** Contact Info Area Css ***/ 
.contact-info-area .row {
    align-items: center;
    justify-content: center;
}

/*** Product Details Area Css ***/

/*** Login Register Area Css ***/











    
    

}



/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

/*** Header Style one Css ***/

/*** About Style1 Css ***/

/*** Project Style1 Area Css ***/  
.project-top-title .sec-title {
    padding-bottom: 160px;
    text-align: center;
}

/*** Testimonials-style1-area Css ***/  
.testimonials-style1__image {
    padding-top: 70px;
    max-width: 570px;
    width: 100%;
}
.testimonials-style1__content {
    padding-top: 60px;
    padding-left: 0px;
}

/*** Working Process Area Css ***/  
.working-process-box {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.single-working-process {
    max-width: 100%;
}
.working-process-box .arrow-box {
    display: none;
}

/*** Testimonials Style1 Area Css ***/  
.single-fact-counter {
    max-width: 50%;
}

/*** Team Style1 Area Css ***/  
.single-team-style1 {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 40px;
}

/*** Faq Style1 Area Css ***/  
.faq-style1__content {
    padding-bottom: 100px;
}

/*** Contact Style1 Area Css ***/ 
.contact-style1__image {
    position: relative;
    left: 0;
    top: 0;
}
.contact-form-box1 {
    padding-top: 70px;
}
.contact-form-box1 form .input-box {
    margin-bottom: 20px;
}
.contact-style1__image img {
    max-width: 100%;
    width: 100%;
    float: none;

}

/*** Footer Area Css ***/
.footer {
    padding: 250px 0 110px;
}
.footer-bg {
    background-position: revert;
    background-size: cover;
}
.single-footer-widget.marbtm50{
    margin-bottom: 50px;
}
.single-footer-widget .title {
    margin-bottom: 25px;
}

.footer-bottom {
    padding: 33px 0px 32px;
}
.footer-bottom .bottom-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px 0 0;
}
.footer-social-link {
    margin: 17px 0 17px;
}



/*** Header Style Two Css ***/
.header-style-two .header-middle {
    padding-left: 90px;
}

/*** About Style2 Area Css ***/

/*** Contact Style2 Area Css ***/


/*** Testimonials Style2 Area Css ***/

/*** Contact Style3 Area Css ***/

/*** About Style3 Area Css ***/

/*** Choose Style1 Area Css ***/

/*** About Style3 Area About Page Css ***/

/*** Service Details Area Css ***/ 
.service-details-area {
    padding: 150px 0 150px;
}
.thm-sidebar-box {
    margin-top: 40px;
}

/*** Testimonials Style2 Testimonail Page Css ***/

/*** Pricing Plan Area Css ***/

/*** Project Details Area Css ***/

/*** Faq Style1 Faq Page Css ***/

/*** Blog Page Two Css ***/

/*** Contact Info Area Css ***/ 
.contact-info-area .row {
    align-items: center;
    justify-content: center;
}


/*** Product Details Area Css ***/

/*** Checkout Area Css ***/

/*** Login Register Area Css ***/











    
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
.sec-title {
    padding-bottom: 50px;   
}    
.sec-title h2 {
    font-size: 34px;
}    
.sec-title h2 br{
    display: none;
}    

/*** Header Style one Css ***/ 
.header .auto-container {
    padding: 0 20px;
}
.header-right {
    display: none;
} 

/*** About Style1 Css ***/

/*** Project Style1 Area Css ***/  
.project-top-title .sec-title {
    padding-bottom: 160px;
    text-align: center;
}

/*** Testimonials-style1-area Css ***/  
.testimonials-style1__image {
    padding-top: 70px;
    max-width: 570px;
    width: 100%;
}
.testimonials-style1__content {
    padding-top: 60px;
    padding-left: 0px;
}

/*** Working Process Area Css ***/  
.working-process-box {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.single-working-process {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.working-process-box .arrow-box {
    display: none;
}

/*** Testimonials Style1 Area Css ***/  
.single-fact-counter {
    align-items: center;
    justify-content: center;
    float: none;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    text-align: center;
}
.single-fact-counter .outer-box {
    margin-top: 15px;
    padding-left: 0px;
}

/*** Team Style1 Area Css ***/  
.single-team-style1 {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 40px;
}
.single-team-style1 .img-holder {
    padding-left: 15px;
    padding-right: 15px;
}
.single-team-style1 .img-holder .border-box {
    left: 15px;
    right: 15px;
}
.single-team-style1 .img-holder .shape-bg {
    left: 15px;
    right: 15px;
    bottom: 114px;
}


/*** Faq Style1 Area Css ***/  
.faq-style1__content {
    padding-bottom: 80px;
}
.faq-style1__image .inner img {
    max-width: 100%;
    width: 100%;
    float: none;
}
.accordion-box .block .acc-content {
    padding-right: 20px;
}

/*** Contact Style1 Area Css ***/ 
.contact-style1__image {
    position: relative;
    left: 0;
    top: 0;
}
.contact-form-box1 {
    padding-top: 40px;
}
.contact-form-box1 form .input-box {
    margin-bottom: 20px;
}
.contact-style1__image img {
    max-width: 100%;
    width: 100%;
    float: none;
}

/*** Footer Area Css ***/
.footer {
    padding: 250px 0 110px;
}
.footer-bg {
    background-position: revert;
    background-size: cover;
}
.single-footer-widget.marbtm50{
    margin-bottom: 50px;
}
.single-footer-widget.pdtop50{
    padding-top: 50px;
}
.single-footer-widget .title {
    margin-bottom: 25px;
}

.footer-bottom {
    padding: 33px 0px 32px;
}
.footer-bottom .bottom-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px 0 0;
}
.footer-social-link {
    margin: 17px 0 17px;
}


/*** Header Style Two Css ***/

/*** About Style2 Area Css ***/

/*** Contact Style2 Area Css ***/

/*** Project Style2 Area Css ***/
.single-project-item .img-holder .overlay-content {
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    padding: 0 20px;
}
.single-project-item .img-holder .overlay-content .inner {
    padding-top: 9px;
}
.single-project-item .img-holder .overlay-content .inner h3 {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 5px;
}

/*** Faq Style2 Area Css ***/

/*** Testimonials Style2 Area Css ***/

/*** Contact Style3 Area Css ***/

/*** About Style3 Area Css ***/


/*** Choose Style1 Area Css ***/

/*** About Style3 Area About Page Css ***/

/*** Service Details Area Css ***/ 
.service-details-area {
    padding: 150px 0 150px;
}
.thm-sidebar-box {
    margin-top: 40px;
}

/*** Testimonials Style2 Testimonail Page Css ***/

/*** Testimonials Style1 Testimonail Page Css ***/

/*** Pricing Plan Area Css ***/

/*** Project Details Area Css ***/

/*** Faq Style1 Faq Page Css ***/

/*** Blog Page Two Css ***/

/*** Shop Page One Css ***/

/*** Product Details Area Css ***/

/*** Cart Area Css ***/

/*** Checkout Area Css ***/

/*** Login Register Area Css ***/
















    
}








@media only screen and (min-width: 768px){
    
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    display:block !important;
    visibility:hidden;
    opacity:0;
}
  
    
}



@media only screen and (max-width: 1199px) { 


.main-header .main-menu {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}   

/*** Header Style One Css ***/

}


@media only screen and (max-width: 991px) {

.header-style-two .header-middle {
    padding-left: 0;
    margin-left: auto;
}
.main-header .nav-outer .main-menu {
    display: none !important;
}
.nav-outer .mobile-nav-toggler {
    display: block;
}
.mobile-nav-toggler .icon-bar {
    position: relative;
    display: block;
    background: #172746;
    height: 2px;
    width: 30px;
    margin: 7px 5px;
}

.faq-style1-area .faq-style1__image {
    display: none !important;
}

}






@media only screen and (min-width: 1551px) and (max-width: 1660px) {  


/*** Header Style Two Css ***/ 
.header-style-two .main-menu .navigation> li {
    margin-right: 20px;
}







}




@media only screen and (min-width: 1200px) and (max-width: 1550px) {  

/*** Header Style One Css ***/ 
.header .auto-container {
    padding: 0 20px;
}
.main-menu .navigation> li {
    margin-right: 20px;
}
.header-right_buttom .btns-box a{
   padding-left: 20px;
   padding-right: 20px;
}
.header-right_buttom {
    margin-left: 10px;
}

/*** Header Style Two Css ***/ 
.header-style-two .header-middle {
    position: relative;
    display: block;
    padding-left: 90px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 50px;
    padding-right: 50px;
}

/*** Contact Style2 Area Css ***/
.contact-form-box1 form .button-box button {
    padding: 0;
}

/*** Project Style1 Project Page Css ***/







    
}








@media only screen and (min-width: 1200px) and (max-width: 1390px) { 
 
/*** Main Slider Css ***/     
.main-slider .auto-container {
    padding: 0px 120px;
} 





    
    


    
}




@media only screen and (min-width: 992px) and (max-width: 1199px) { 

/*** Main Slider Css ***/     
.main-slider .auto-container {
    padding: 0px 120px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 50px;
    padding-right: 50px;
}







  
    
    
    
}



@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
/*** Main Slider Css ***/ 
.main-slider .auto-container {
    padding: 0px 120px;
}
.main-slider .content .big-title h2 {
    font-size: 40px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 50px;
    padding-right: 50px;
}












    
}




@media only screen and (min-width: 500px) and (max-width: 767px) { 
    
/*** Main Slider Css ***/  
.main-slider .auto-container {
    padding: 0px 50px;
    padding-right: 50px;
} 
.main-slider.style1 {
    margin-top: 0px;
}
.main-slider.style1 .auto-container {
    padding: 0px 20px;
    padding-left: 20px;
} 
.main-slider .content .big-title h2 {
    font-size: 40px;
}
.main-slider .content .text p br{
    display: none;
}
.slide-round-image-box {
    display: none;
}
.banner-bottom-shape {
    background-size: cover;
}



/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 30px;
    padding-right: 30px;
}

/*** Main Slider Style3 Css ***/






    
    
}



@media only screen and (max-width: 499px) {

    
/*** Main Slider Css ***/  
.main-slider .auto-container {
    padding: 0px 20px;
    padding-right: 20px;
}
.main-slider.style1 .auto-container {
    padding: 0px 20px;
    padding-left: 20px;
} 
.main-slider .content .big-title h2 {
    font-size: 36px;
}
.main-slider .content .text p br{
    display: none;
}
.slide-round-image-box {
    display: none;
}
.banner-bottom-shape {
    background-size: cover;
}
.main-slider.style1 .content .btns-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.main-slider .active .content .btns-box a+a{
    margin-top: 10px;
    margin-left: 0px;
}


/*** Main Slider Style2 Css ***/ 
.main-slider.style2 .auto-container {
    padding-left: 20px;
    padding-right: 20px;
}

/*** Main Slider Style3 Css ***/








    
    
}







@media only screen and (max-width: 1199px) {
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.order-1 {
    -ms-flex-order: 1;
    order: 1;
}  

    
}