/* Responsive styles for dotCentral - Jon @ Graydian - 2025-09-09 */


/* Small Desktop */
@media only screen and (min-width: 992px) and (max-width: 1399px) {
	
	.container {
		max-width: 100%;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
	
	#wrapper-navbar #main-nav #main-menu > li > a {
		font-size: 17px;
		line-height: 1.3;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a > span.menu-item-description {
		font-size: 11px;
	}
	
	#wrapper-navbar .header-buttons a.btn {
		font-size: 14px;
	}
	
	#hero .btn {
		font-size: 15px;
		margin-bottom: 10px;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	#wrapper-navbar .header-buttons {
		display: none;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a {
		font-size: 18px;
		line-height: 1.1;
		position: relative;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 50px;
	}
	
}


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

	body {
		padding-top: 81px; /* Added to for fixed header */
	}
	
	#wrapper-navbar {
		position: fixed;
		top: 0;
		z-index: 99;
		width: 100%;
		box-shadow: 0px -2px 6px #606060;
	}
	
	#wrapper-navbar #main-nav {
		padding: 6px 0;
	}
	
	#wrapper-navbar #main-nav .navbar-brand {
		width: 150px;
		height: auto;
	}
	
	#wrapper-navbar .header-buttons {
		display: none;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a {
		font-size: 18px;
		line-height: 1.1;
		position: relative;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 50px;
	}
	
	
	#hero {
		padding-top: 5px;
		padding-bottom: 15px;
	}
	
	#hero img {
		margin-bottom: 30px;
	}
	
	#hero .btn {
		margin-bottom: 10px;
	}
	
	#cloudrider img {
		padding: 5px;
		margin-bottom: 30px;
	}
	
	#services a.card,
	#services a.card:hover {
		transform: none;
	}
	
	#services a.card img.card-img-top {
		height: 250px;
	}
	
	#testimonials .single-testimonial .testimonial-text {
		max-width: 100%;
		font-size: 16px;
		margin-bottom: 15px;
		margin-left: 0;
	}
	
	#testimonials .single-testimonial.single-testimonial-alt .testimonial-text {
		margin-left: 0;
	}
	
	#testimonials .single-testimonial .testimonial-text:before,
	#testimonials .single-testimonial .testimonial-text:after {
		display: none;
	}
	
	#testimonials .single-testimonial .testimonial-author {
		position: static;
		right: unset;
		bottom: unset;
		width: 100%;
		text-align: center;
	}
	
	#testimonials .single-testimonial .testimonial-author .author-name:before,
	#testimonials .single-testimonial.single-testimonial-alt .testimonial-author .author-name:after {
		display: none;
	}
	
	#news .blog-single-post img {
		max-width: 50%;
	}
	
	.wrapper-forms .form-wrapper {
		margin-top: 30px;
	}
	
	
	
	
	footer.site-footer .footer-screens {
		padding-top: 300px;
	}
	
	footer.site-footer .footer-screens .gradient-overlay {
		padding-top: 70px;
		padding-bottom: 20px;
	}
	
	footer.site-footer .footer-screens h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	
	footer.site-footer #wrapper-footer > .container {
		max-width: 100%;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-01 {
		text-align: center;
		margin-bottom: 30px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-01 .footer-logo img {
		width: 170px;
		height: auto;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02,
	footer.site-footer #wrapper-footer .footer-upper .column-03,
	footer.site-footer #wrapper-footer .footer-upper .column-04,
	footer.site-footer #wrapper-footer .footer-upper .column-04 .event-cal-list {
		margin-bottom: 30px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 h4,
	footer.site-footer #wrapper-footer .footer-upper .column-03 h4,
	footer.site-footer #wrapper-footer .footer-upper .column-04 h4 {
		text-align: left;
		font-size: 22px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li {
		margin-bottom: 10px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a {
		background-color: #1d1d1d;
		border-radius: 4px;
		padding: 5px 8px 7px;
		width: 100%;
		position: relative;
		font-size: 18px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a:hover {
		background-color: #2c2c2c;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a > span.menu-item-title:after {
		display: none;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 10px;
		top: 0;
		line-height: 55px;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li {
		margin-bottom: 10px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a {
		background-color: #1d1d1d;
		border-radius: 4px;
		padding: 5px 8px 7px;
		width: 100%;
		position: relative;
		font-size: 18px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a:hover {
		background-color: #2c2c2c;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a > span.menu-item-title:after {
		display: none;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 10px;
		top: 0;
		line-height: 39px;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-04 .event-cal-list a,
	footer.site-footer #wrapper-footer .footer-upper .column-04 .footer-articles a {
		font-size: 14px;
	}

}

/* Smartphone */
@media only screen and (min-width: 1px) and (max-width: 767px) {
	
	body {
		padding-top: 81px; /* Added to for fixed header */
	}
	
	#wrapper-navbar {
		position: fixed;
		top: 0;
		z-index: 99;
		width: 100%;
		box-shadow: 0px -2px 6px #606060;
	}
	
	#wrapper-navbar #main-nav {
		padding: 6px 0;
	}

	#wrapper-navbar #main-nav .navbar-brand {
		width: 150px;
		height: auto;
	}
	
	#wrapper-navbar .header-buttons {
		display: none;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a {
		font-size: 18px;
		line-height: 1.1;
		position: relative;
	}
	
	#wrapper-navbar #main-nav #main-menu > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 50px;
	}
	
	
	
	#hero {
		padding-top: 5px;
		padding-bottom: 15px;
	}
	
	#hero img {
		margin-bottom: 15px;
	}
	
	#hero h1 {
		font-size: 40px;
	}
	
	#hero h2 {
		font-size: 18px;
	}
	
	#hero ul {
		font-size: 14px;
	}
	
	#hero .btn {
		margin-bottom: 10px;
	}
	
	#cloudrider h2 {
		font-size: 26px;
	}
	
	#cloudrider h3 {
		font-size: 16px;
	}
	
	#cloudrider img {
		padding: 5px;
		margin-bottom: 15px;
	}
	
	#services h2 {
		font-size: 26px;
	}
	
	#services a.card,
	#services a.card:hover {
		transform: none;
	}
	
	#testimonials h2 {
		font-size: 26px;
	}
	
	#testimonials .single-testimonial .testimonial-text {
		max-width: 100%;
		font-size: 16px;
		margin-bottom: 15px;
		margin-left: 0;
	}
	
	#testimonials .single-testimonial.single-testimonial-alt .testimonial-text {
		margin-left: 0;
	}
	
	#testimonials .single-testimonial .testimonial-text:before,
	#testimonials .single-testimonial .testimonial-text:after {
		display: none;
	}
	
	#testimonials .single-testimonial .testimonial-author {
		position: static;
		right: unset;
		bottom: unset;
		width: 100%;
		text-align: center;
	}
	
	#testimonials .single-testimonial .testimonial-author .author-name:before,
	#testimonials .single-testimonial.single-testimonial-alt .testimonial-author .author-name:after {
		display: none;
	}
	
	#news h2 {
		font-size: 26px;
	}
	
	#news a.blog-title {
		font-size: 22px;
	}
	
	.wrapper-forms .form-wrapper {
		margin-top: 30px;
	}

	
	
	
	footer.site-footer .footer-screens {
		padding-top: 300px;
	}
	
	footer.site-footer .footer-screens .gradient-overlay {
		padding-top: 70px;
		padding-bottom: 20px;
	}

	footer.site-footer .footer-screens h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-01 {
		text-align: center;
		margin-bottom: 30px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-01 .footer-logo img {
		width: 170px;
		height: auto;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02,
	footer.site-footer #wrapper-footer .footer-upper .column-03,
	footer.site-footer #wrapper-footer .footer-upper .column-04,
	footer.site-footer #wrapper-footer .footer-upper .column-04 .event-cal-list {
		margin-bottom: 30px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 h4,
	footer.site-footer #wrapper-footer .footer-upper .column-03 h4,
	footer.site-footer #wrapper-footer .footer-upper .column-04 h4 {
		text-align: center;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li {
		margin-bottom: 10px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a {
		background-color: #1d1d1d;
		border-radius: 4px;
		padding: 5px 8px 7px;
		width: 100%;
		position: relative;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a:hover {
		background-color: #2c2c2c;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a > span.menu-item-title:after {
		display: none;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-02 ul.footer-nav > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 10px;
		top: 0;
		line-height: 55px;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li {
		margin-bottom: 10px;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a {
		background-color: #1d1d1d;
		border-radius: 4px;
		padding: 5px 8px 7px;
		width: 100%;
		position: relative;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a:hover {
		background-color: #2c2c2c;
		color: #f1592a;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a > span.menu-item-title:after {
		display: none;
	}
	
	footer.site-footer #wrapper-footer .footer-upper .column-03 ul.footer-nav > li > a:after {
		content: '\f105';
		font-family: 'Font Awesome 6 Free', fontawesome;
		position: absolute;
		right: 10px;
		top: 0;
		line-height: 39px;
		color: #f1592a;
	}

}