/* Responsive CSS For all Bootstrap Breakpoints */

/* XS - Extra Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */

body { font-size: 14px; }
.btn-lg, .btn-group-lg>.btn { font-size: 14px; }

.mobile-menu-button { padding: 5px 10px; font-size: 24px; line-height: 1; color: #FFF; position: absolute; top: 0; right: 0; }
.mobile-menu-button:hover,.mobile-menu-button:active, .mobile-menu-button:focus { color: #FFF; outline: none; }
#main-header #header { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: #FFF; display: none; }
#main-header.menu-open #header { display: block; }
.nav-wrapper { padding: 0; }
.nav-wrapper .mobile-menu-button { width: 30px; height: 30px; padding: 0; top: 10px; right: 5px; }
#main-nav .nav { padding-top: 60px; }
#main-nav .nav > li { display: block; }
#main-nav .nav > li > a, #main-nav .nav > li.open > a, #main-nav .nav > li.active > a, #main-nav .nav > li > a:hover, #main-nav .nav > li > a:active, #main-nav .nav > li > a:focus, #main-header.sticky #main-nav .nav > li.open > a, #main-header.sticky #main-nav .nav > li.active > a, #main-header.sticky #main-nav .nav > li > a:hover, #main-header.sticky #main-nav .nav > li > a:active, #main-header.sticky #main-nav .nav > li > a:focus { color: #00823b !important; background: none !important; }
.nav-wrapper .btn { display: block; padding: 10px 30px; font-size: 18px; margin-top: 10px; }
.search-form-wrapper { padding: 0; border: none; }
#searchform .btn { font-size: 14px; max-width: 115px; }
#searchform .form-control { font-size: 18px; width: calc(100% - 120px); padding: 8px 0; }

#sub-banner { min-height: 1px; }
.banner .banner-text { padding: 30px 0; }
.banner .banner-text h2 { font-size: 24px; line-height: 34px; }

.services .services-container .services-center .title { margin-left: 0; padding-left: 2.8rem; }
.services .services-container .services-center .services-content-wrap { padding-left: 2.8rem; }
.services .services-container .services-center .services-content-wrap .items > li { width: 100%; margin: 0; }

.solutions .title { margin-left: 0; }
.solutions .items > li:nth-child(2) { margin-top: -15px; }
.solutions .items > li:nth-child(3) { margin-left: 0; margin-top: -10px; }

#case-slider .slide .image { padding: 23px 38px 18px 35px; }
#case-slider .slide .text-wrapper { padding-top: 50px; }
#case-slider .slider-controls-outer { width: 100%; left: 0; top: 245px; margin: 0; transform: none; }
#case-slider .slider-controls-inner { padding: 0; }
#case-slider .slider-controls > a { width: 35px; }
#case-slider .slider-controls > a.prev { left: 0; top: -5px; transform: rotate(-90deg); }
#case-slider .slider-controls > a.next { right: 0; bottom: -3px; transform: rotate(-90deg); }
#case-slider .slider-pager span { margin: 0 1%; }
.tablet-wrapper { padding: 0; }
.tablet-wrapper > .tablet { width: 330px; left: 50%; transform: translateX(-50%); }
#case-slider .slide .image-wrapper { padding: 0; }
#case-slider .slide .image { width: 330px; margin: 0 auto; }
.case-studies.archive .item a:hover .image > .hover { opacity: 0; }
.case-studies.single .content, .case-studies.single .prev-btn { padding-left: 0; }

.about .title, .intro .title { margin-left: 0; }

.lets-connect .items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.lets-connect .items > li { width: 25%; }
.lets-connect .text h4 { font-size: 15px; }

.footer-top { text-align: center; }
.footer-top .content.widgets .widget { width: 100%; float: none; }
.footer-top .content { text-align: center; }

#blog-info .info-wrapper { padding-right: 0; }
#blog-info .main-content .title { margin-left: 0; text-align: center; }

.cta-wrapper .cta h3 { font-size: 20px; }
.title h1 { font-size: 36px; }

}


@media only screen
and (min-width : 480px)
and (max-width : 767px) {
	.services .services-container .services-center .services-content-wrap .items {
		display: flex;
	}

	.services .services-container .services-center .services-content-wrap .items > li {

		width: 44%;
		margin: 0 3%;
	}

}

/* SM - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */

h1 { font-size: 38px; }

#main-nav .nav > li > a { padding: 10px 15px; font-size: 14px; }

.case-studies.archive .item a:hover .image > .hover { opacity: 0; }
.case-studies.archive .item:nth-child(3n+4) { clear: none; }
.case-studies.archive .item:nth-child(2n+3) { clear: both; }


.services .services-container .services-center .title { margin-left: 0; padding-left: 2.8rem; }
.services .services-container .services-center .services-content-wrap { padding-left: 2.8rem; }

.solutions .title { margin-left: 0; }
.solutions .items > li:nth-child(2) { margin-top: -75px; }
.solutions .items > li:nth-child(3) { margin-left: 15px; }

#case-slider .slide .image { padding: 7% 7% 7% 10%; }

.about .title, .intro .title { margin-left: 0; }

.footer-top .content.widgets .widget { width: 100%; float: none; }

#blog-info .main-content .title { margin-left: 0; }

}


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



}


/* LG - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */



}