/* CSS Document */

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

/************ index page css  ************/
.logo {
    width: 54%;
    margin-left: -58%;
}
.contact-img {
    padding-top: 0px;
    margin-top: -120px;
    float: right;
    width: 65%;
}

/***** Slider css ******/
.slider-01 {
    margin-top: -210px;
}
.carousel-inner .item img {
    width: 100% !important;
    height: 450px !important;
}
.text-right {
   	margin-right: -90%;
}

#first-slider .carousel .item {
    min-height: 470px !important;
  	 width: 100%;
}

#first-slider .slide1 h2, #first-slider .slide2 h2, #first-slider .slide3 h2, #first-slider .slide4 h2 {
	font-size:16px !important;
	letter-spacing: 0px !important;
	line-height: 16px !important;
}

#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3 {
    font-size: 17px !important;
    line-height: 20px !important;
    padding: 10px !important;
}

#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {
    font-size: 22px !important;
    letter-spacing: 0px !important;
    line-height: 24px !important;
}
#first-slider .slide1 h4 span, #first-slider .slide2 h4 span, #first-slider .slide3 h4 span, #first-slider .slide4 h4 span {
    font-size: 22px !important;    
}
/***** Slider css ******/

/*******  About Index css  ******/
.index-about {
	padding:10px;
	margin-top:-20px;
}
.index-title { 
    text-align: center;
}
.about-index-img {
	margin-top:0;
}
.about-index-font {
    font-size: 15px;
    line-height: 23px;
    margin-left: 15px;
    margin-right: 15px;
}
/*******  About Index css  ******/
.footer {
    padding: 30px 0px 20px 15px;
}
.foo-ma {
    margin-left: 0px !important;
}
.copy-link {
    padding: 0px 0px 0px 20px;
}
/************ index page css  ************/
.slider-height { height:225px;}
.page-title {
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 25px;
    margin-top: -9%;
}
.page-title::after {
    height: 4px;
    width: 100px;
    margin-top: 8px;
    margin-left: 33%;
}
.heading-h2 {
    font-size: 30px;
    margin-left: 25px;
}
}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

.text-right {
    margin-top: 55%;
    margin-right: -65%;
}

#first-slider .slide1 h2, #first-slider .slide2 h2, #first-slider .slide3 h2, #first-slider .slide4 h2 {
    font-size: 22px !important;
	line-height: 22px !important;
}
#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {
    font-size: 38px !important;
}
#first-slider .slide1 h4 span, #first-slider .slide2 h4 span, #first-slider .slide3 h4 span, #first-slider .slide4 h4 span {
    font-size: 42px !important;
	line-height: 45px !important;
}
.slider-height { height: 300px;}
.about-index-font {
    margin-left: 15px;
    margin-right: 15px;
}
.page-title {
    font-size: 35px;
    letter-spacing: 3px;
    line-height: 45px;
    margin-top: -7%;
}
.foo-ma {
    margin-left: 0px !important;
}
.footer {
    padding: 35px 0px 28px 60px;
}
.copy-link {
    padding: 0px 0px 0px 60px;
}
.heading-h2 {
    font-size: 30px;
    margin-left: 25px;
}
}

@media only screen and (min-width: 600px) and (max-width: 760px) {

.logo {
    width: 54%;
    margin-left: -58%;
}
.contact-img {
    padding-top: 0px;
    margin-top: -190px;
    float: right;
}
.text-right {
    margin-top: 58%;
    margin-right: -98%;
}
#first-slider .slide1 h2, #first-slider .slide2 h2, #first-slider .slide3 h2, #first-slider .slide4 h2 {
    font-size: 22px !important;
	line-height: 22px !important;
}
#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {
    font-size: 38px !important;
}
#first-slider .slide1 h4 span, #first-slider .slide2 h4 span, #first-slider .slide3 h4 span, #first-slider .slide4 h4 span {
    font-size: 42px !important;
	line-height: 45px !important;
}
.slider-height { height: 300px;}

.slider-01 {
    margin-top: -322px;
}
.page-title {
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 39px;
    margin-top: -7%;
}
.heading-h2 {
    font-size: 30px;
    margin-left: 25px;
}
}