@charset "utf-8";
/* CSS Document */

@media (max-width:1366px) and (orientation : landscape) {

}

@media (max-width:1280px) {

}

@media (max-width:1199px) {
/******** header start here ********/
.header .navbar {padding: 25px 50px;}
.header.fixed-top .navbar {padding: 10px 50px;}
/******** header end here ********/

/******** banner slider start here ********/
.banner-slider .slider-content .slide-block .slide-caption {left: 10%;}
.banner-slider .bx-controls-direction .bx-prev {left: 10%;}
.banner-slider .bx-controls-direction .bx-next {left: 15%;}
/******** banner slider end here ********/

/******** stats start here ********/
.stats-container {padding: 70px 0;}
.stats-container .stats-counter .counter-list {padding: 0 0 50px;}
/******** stats end here ********/

/******** portfolio start here ********/
.portfolio-main .gallery a .img-block {width: 31.80%;}
/******** portfolio end here ********/
}

@media (max-width:991px){
/******** header start here ********/
.header .navbar .navbar-header {float: inherit;}
.header .navbar .navbar-header .navbar-toggle {border: none; float: right; padding: 10px 0 0 40px; display: block !important; background-color: transparent;}
.header .navbar .navbar-header .navbar-toggle .icon-bar {background-color: #2b2a29; height: 3px; width: 22px;}
.header .navbar .navbar-collapse.collapse {display: none !important;}
.header .navbar .navbar-collapse {top: -72px; z-index: 11111; height: 100vh !important; max-height: initial; position: relative; border: none; background-color: #ffffff; overflow-y: auto;}
.header .navbar .navbar-collapse .close-icon {padding: 40px 0 0px; display: block; text-align: right;}
.header .navbar .navbar-collapse .close-icon img {width: 20px; height: 20px;}
.header .top-nav {float: none; margin: 20px auto;}
.header .top-nav .navbar-nav {float: none;}
.header .top-nav li.nav-item {float: none; text-align: center;}
.header .top-nav li.nav-item a {font-size: 16px;}
/******** header end here ********/

/******** banner slider start here ********/
.banner-slider .slider-content .slide-block .slide-caption {top: 10%;}
.banner-slider .bx-controls-direction .bx-next {left: 17%;}
/******** banner slider end here ********/

/******** feature start here ********/
.feature-container .feature-list-block {padding: 20px 0;}
/******** feature end here ********/

/******** why us start here ********/
.why-container .block-content .block-detail {padding: 0 0 50px;}
/******** why us end here ********/

/******** portfolio start here ********/
.portfolio-main .gallery a .img-block {width: 48%;}
.has-lightbox .sl-wrapper .sl-navigation button.sl-prev {left: 0;}
.has-lightbox .sl-wrapper .sl-navigation button.sl-next {right: 0;}
/******** portfolio end here ********/

/******** customer reviews start here ********/
.review-main .review-list .review-list-block .review-text {padding: 0 30px;}
.review-main .review-list .review-list-block .list-content .review-text:before {left: -30px;}
.review-main .review-list .review-list-block .list-content .review-text:after {right: -30px; bottom: -15px;}
.review-main .bx-controls-direction .bx-prev, .review-main .bx-controls-direction .bx-next {margin-top: -50px;}
.review-main .bx-controls-direction .bx-prev {left: 0;}
.review-main .bx-controls-direction .bx-next {right: 0;}
/******** customer reviews end here ********/

/******** footer start here ********/
.footer .section-wave svg {height: 20px;}
.footer .footer-main .footer-detail .about-text {padding: 0 70px 25px 0;}
/******** footer end here ********/
}

@media (max-width:767px) {
.block-title {padding: 0 0 60px;}

/******** header start here ********/
.header .navbar {padding: 26px;}
.header.fixed-top .navbar {padding: 10px 26px;}
/******** header end here ********/

/******** banner slider start here ********/
.banner-slider .slider-content .slide-block .slide-caption {top: 5px;}
.banner-slider .slider-content .slide-block .slide-caption .slide-title {font-size: 26px; line-height: 32px;}
.banner-slider .slider-content .slide-block .slide-caption .slide-desc {font-size: 16px; line-height: 22px; padding: 10px 0;}
/******** banner slider start here ********/

/******** stats start here ********/
.stats-container {padding: 50px 0;}
.stats-container .stats-counter .counter-list {padding: 0;}
.stats-container .stats-counter .counter-list .counter-list-block .count-number {font-size: 42px; line-height: 54px;}
.stats-container .stats-counter .counter-list .counter-list-block {padding: 15px 0;}
/******** stats end here ********/

/******** portfolio start here ********/
.portfolio-main .gallery a .img-block {width: 47%;}
.has-lightbox .sl-wrapper .sl-navigation button.sl-prev, .has-lightbox .sl-wrapper .sl-navigation button.sl-next {width: 25px;}
.has-lightbox .sl-wrapper .sl-image .sl-caption {font-size: 14px; line-height: 22px;}
/******** portfolio end here ********/

/******** customer reviews start here ********/
.review-main .review-list .review-list-block .review-text {font-size: 20px; line-height: 32px;}
.review-main .review-list .review-list-block .list-content .review-text:before {left: 0; width: 30px; height: 30px;}
.review-main .review-list .review-list-block .list-content .review-text:after {right: 0; width: 30px; height: 30px;}
.review-main .bx-controls-direction .bx-prev, .review-main .bx-controls-direction .bx-next {margin-top: -60px;}
.review-main .bx-controls-direction .bx-prev {left: -10px;}
.review-main .bx-controls-direction .bx-next {right: -10px;}
.review-main .bx-controls-direction .bx-prev::after {width: 12px; height: 12px; left: 16px;}
.review-main .bx-controls-direction .bx-next::after {width: 12px; height: 12px; left: 12px;}
/******** customer reviews end here ********/

/******** footer start here ********/
.footer .footer-main .footer-detail .footer-title {font-size: 20px; line-height: 26px;}
.footer .footer-main .footer-detail .about-text {padding: 0 0 25px;}
.footer .footer-main .footer-detail .footer-contact {padding: 25px 0 0;}
/******** footer end here ********/

/******** Back to top start here ********/
.scroll-button .back-to-top {width: 40px; height: 40px; bottom: 60px; right: 10px; padding: 5px;}
.scroll-button .back-to-top .fa {font-size: 28px;}
/******** Back to top end here ********/
}

@media (max-width:560px) {

} 


@media (max-width: 470px) {
/******** portfolio start here ********/
.portfolio-main .gallery a .img-block {width: 95%;}
/******** portfolio end here ********/
}

@media (min-height:900px) {
}

@media (min-height:1100px) {
}

@media only screen and (min-device-width: 480px)  and (max-device-width: 736px)  and (orientation: landscape) {

}
@media only screen and (min-device-width: 768px) and (max-device-width: 823px) and (orientation: landscape) {

}