/*---------------------------------------------------------------------
Large Desktop: > 1200px ;
-----------------------------------------------------------------------*/
@media (min-width:1200px){
	.logo-white {display: none;}
}

/*---------------------------------------------------------------------
Normal Desktop: 992px ;
-----------------------------------------------------------------------*/
@media (min-width:992px) and (max-width:1200px){
	.video-btn-pos{left:42%;top:25%;}
}

/*---------------------------------------------------------------------
Tablet desktop :768px
-----------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:991px){
	.timeline-map:before{max-height:450px;}
	.video-btn-pos{left:46%;top:40%;}
	.slider-wrapper{height:60vh;}
	.col-content-hide{padding-right: 0}
	.col-content-show{padding-left: 0}
}

/*---------------------------------------------------------------------
Large Mobile: 575px
-----------------------------------------------------------------------*/
@media only screen and (min-width:575px) and (max-width:767px){

	.video-btn-pos{left:44%;top:40%;}
	.slider-wrapper{height:60vh;}

	.col-content-hide{padding-right: 0}
	.col-content-show{padding-left: 0}
	.wrapCarouselFull .carousel-full .owl-item .item-carousel-full img {height: 300px;}
}

/*---------------------------------------------------------------------
Small Mobile: 320px
-----------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:574px){
	html {font-size: 14px}
	.video-btn-pos{left:43%;top:38%;}
	.slider-wrapper{height:80vh;}
	.timeline-map:before{max-height:580px;}
	.col-content-hide{padding-right: 0}
	.col-content-show{padding-left: 0}
	.slider-wrapper .shape1 {    top: 16rem;
    left: 14.2rem;}
    .slider-wrapper .shape3 {
    top: 65%;
    left: 0%;}
    .animate-border {display: none;}
    .wrapCarouselFull .carousel-full .owl-item .item-carousel-full img {height: 250px;}
}

/*---------------------------------------------------------------------
iPhone X
-----------------------------------------------------------------------*/
@media only screen 
and (min-device-width:375px) 
and (min-device-height:812px) 
and (-webkit-device-pixel-ratio:3)
and (orientation:portrait){
	.animate-border {display: none;}
	.slider-wrapper .shape1 {    top: 22rem;
    left: 14.2rem;}
	.timeline-map:before{max-height:680px;}
	.video-btn-pos{left:40%;top:35%;}
	.col-content-hide{padding-right: 0}
	.col-content-show{padding-left: 0}
	.slider-wrapper{height:70vh;}
	.wrapCarouselFull .carousel-full .owl-item .item-carousel-full img {height: 250px;}
}