/***************************************
Responsive
***************************************/

@media (max-width: 1370px) { }
@media (max-width: 1300px) { }
@media (max-width: 1200px) { }
@media (max-width: 990px)  { }
@media (max-width: 910px)  { }
@media (max-width: 768px)  { }
@media (max-width: 650px)  { }
@media (max-width: 568px)  { }
@media (max-width: 525px)  { }
@media (max-width: 430px)  { }
@media (max-width: 360px)  { }
@media (max-width: 320px)  { }

/*===========================
  slide 60vh
============================ */

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 33vw;
    max-height: 33vw;
/*	background-image: url(../img/slide/slide_1920_640.jpg);
	background-size: cover;*/
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: calc(42% - 60px);
    font-size: 40px;
    left: 15%;
    z-index: 10;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
}



/***************************************
Responsive
***************************************/
@media (max-width: 1920px) {

}


@media (max-width: 1700px) {

}
@media (max-width: 1600px) {
	
	
}


@media (max-width: 1581px) {

}


@media (max-width: 1536px) {

	
}


@media (max-width: 1500px) {

	
}

@media (max-width: 1370px) {
		
}

@media (max-width: 1357px) {

}
	
@media (max-width: 1300px) {

}
	
@media (max-width: 1200px) {


}
	
@media (max-width: 1050px)  { 



}
@media (max-width: 990px)  { 



}
@media (max-width: 910px)  { 
}
	
@media (max-width: 768px)  {
	
	.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 80vw;
    max-height: 80vw;
    background-color: #333;
}
	
}
	

	
@media (max-width: 650px)  { 
.carousel-caption h2  {
    font-size: 5.5vw!important;
}

.carousel-caption p {
    font-size: 3.5vw !important;
}

.btn_slide_custom{
	font-size: 12px!important;
}

.carousel-inner .form-inline .form-group button[type="livedemo"] {
    padding: 10px 20px!important;
}	
	

}
@media (max-width: 568px)  {
	
	.carousel-caption {
    position: absolute;
    right: 15%;
    top: calc(14% - 60px);
    font-size: 40px;
    left: 15%;
    z-index: 10;
    padding-bottom: 0px;
    color: #fff;
    text-align: center;
}
	
	
}
	
@media (max-width: 525px)  {
.carousel-caption h2  {
    font-size: 6.5vw!important;
}

.carousel-caption p {
    font-size: 4.5vw !important;
}

.btn_slide_custom{
	font-size: 12px!important;
}
	
}
	
@media (max-width: 430px)  { }

@media (max-width: 360px)  { }

@media (max-width: 320px)  { }


@media (min-height: 520px) and (max-width: 480px)  {

}

@media (min-height: 564px) and (max-width: 480px)   {
	
}

@media (min-height: 640px) and (max-width: 480px)  {
	
}

@media (min-height: 740px) and (max-width: 480px)  {
	
}