/*
Theme Name:   IntAGt-Blue
 Description:  A Business theme which is ideal for creating a corporate / business website. Appointment Red theme is a child theme of Appointment theme and is the Red color variation. The theme has several extra templates that make it even more powerful and it supports various locales.
 Author:       webriti
 Author URI:   http://www.webriti.com
 Theme URI:    http://webriti.com/appointment-red-child-version-details-page-1/
 Template:     intagt-root-theme
 Version:      1.1.6
 Tags: 		   full-width-template, threaded-comments, two-columns,  right-sidebar, sticky-post, custom-menu, translation-ready, blog, portfolio, footer-widgets, featured-images, featured-image-header, custom-header
 Text Domain: appointment-red
*/

.slide-btn-area-sm {
	display:none;
}

.slider-background {
    background-color: #00829d;
}

.slider-text {
	padding: 100px;
}

@media only screen and (max-width: 479px) {
	.slide-caption {
		top: 65%% !important;
		width:100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.slide-text-bg1 {
		width: 100% !important;
		margin-top: 10px !important;
	}
	.slide-text-bg1 > h2 {
		font-size: 20px !important;
		padding: 6px 10px !important;
	}
	.slide-text-bg2 {
		width: 100% !important;
	}
	.slide-text-bg2 > span {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	.slide-caption {
		top: 65%% !important;
		width:100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.slide-text-bg1 {
		width: 100% !important;
		margin-top: 10px !important;
	}
	.slide-text-bg1 > h2 {
		font-size: 20px !important;
		padding: 6px 10px !important;
	}
	.slide-text-bg2 {
		width: 100% !important;
	}
	.slide-text-bg2 > span {
		font-size: 12px !important;

	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.slide-caption {
		position: relative;
		top: 50% !important;
		width:100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.slide-text-bg1 {
		width: 100% !important;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}
	.slide-text-bg1 > h2 {
		font-size: 18px !important;
	}
	.slide-text-bg2 {
		width: 100% !important;
	}
	.slide-text-bg2 > span {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {
	.slide-caption {
		top: 50% !important;
		width:100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.slide-text-bg1 {
		width: 95% !important;
		margin-bottom: 0px !important;
		margin-top: 10px !important;
	}
	.slide-text-bg1 > h2 {
		font-size: 20px !important;
	}
	.slide-text-bg2 {
		width: 95% !important;
	}
	.slide-text-bg2 > span {
		font-size: 12px !important;
	}
}

@media only screen and (min-width: 1201px) {
	.slide-caption {
		top: 75% !important;
		width:100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.slide-text-bg1 {
		width: 85% !important;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}
	.slide-text-bg1 > h2 {
		font-size: 24px !important;
	}
	.slide-text-bg2 {
		width: 85% !important;
	}
	.slide-text-bg2 > span {
		font-size: 14px !important;
	}
}

.carousel-indicators {
    width: 20% !important;
	left: 95% !important;
}

.carousel-inner {
	background-color: #00829d !important;
}

.modal-header-color {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #00829d;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-header-color > h1 {
	text-align: center;
}

.modal-header-color > h1 > i {
	font-size: 80px;
	color: #fff;
}