/* -----------------------------------
* media(min-width:0px) and (max-width:374px)
-----------------------------------*/
@media(min-width:0px) and (max-width:374px){
	.container{ max-width:100%;}

	.default-btn-hp{ min-width:150px; height:44px; font-size:14px; line-height:40px;}

	/*--------------- HEADER_START --------------*/
	.logo-main-hp{ margin-top:24px;}
	.desktop-logo-hp{ display:none;}
	.mobile-logo-hp{ display:block; height:80px;}
	/*--------------- HEADER_END --------------*/

	/*--------------- CONTAIN_START --------------*/
	#contain{ padding:0px;}
	.hero-info-main-hp h2{ font-size:30px; line-height:37px; padding-bottom:25px;}
	/*--------------- CONTAIN_END --------------*/

	/*--------------- FOOTER_START --------------*/
	#footer{
		background:#000;

		/*background-image: linear-gradient(*/
		/*	rgba(0, 0, 0, 0.0) 0%,*/
		/*	rgba(0, 0, 0, 0.0) 70%,*/
		/*	rgba(0, 0, 0, 0.2) 80%,*/
		/*	rgba(0, 0, 0, 0.7)  90%,*/
		/*	rgba(0, 0, 0, 0.9)  95%,*/
		/*	rgba(0, 0, 0, 1.0)  100%*/
		/*);*/


		/*background: rgb(187,187,187);*/
		/*background: linear-gradient(90deg, rgba(187,187,187,1) 10%,rgba(187,187,187,1) 10%, rgba(0,0,0,1) 50%);*/


		/*background: linear-gradient(to bottom, rgba(187,187,187,1) 30%,rgba(187,187,187,1) 40%, rgba(0,0,0,1) 30%);*/
		/*background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,1));*/
	}
	.footer-in-hp{ height:42px;}
	.Fnav-menu-hp{ padding:14px 0px 14px;}
	/*#footer:after{ height:34px; bottom:42px;}*//*CUSTOM*/
	/*--------------- FOOTER_END --------------*/

	/*--------------- EXPERIENCE_START --------------*/
	.exp-slide-info-main-expp{}
	/*CUSTOM!!*/
	.exp-slide-info-main-expp{
		/*position:absolute;*/
		/*bottom:160px;*/
		/*margin-right:auto; margin-left:auto; padding:0px;*/
	}
	.exp-slide-info-main-expp h2{ font-size:20px; line-height:26px; padding-bottom:12px;}
	.exp-slide-info-main-expp h2 br{ display:none;}
	.exp-info-text-expp p{ font-size:13px; line-height:20px;}
	.exp-info-text-expp p br{ display:none;}
	.exp-info-btn-expp{ padding-top:15px;}
	.exp-info-arrow-mob-expp{ display:block;}
	.exp-info-arrow-mob-expp.show img{ transform: rotate(180deg);}
	.experience-block-main-expp .owl-dots{ top:0px; bottom:auto; display:table; padding:10px 15px 0px; z-index:9;}
	.experience-block-main-expp .owl-dots:after{ content:""; position:absolute; left:0px; top:0px; width:100%; height:86px; z-index:-1;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.experience-block-main-expp .owl-dots .owl-dot{ display:table-cell; height:5px; width:20%; padding:0px 1px;}
	.experience-block-main-expp .owl-dots .owl-dot span{ height:5px; width:100%; border-radius:0px; margin:0px 0px;}
	.morecontent span{ display:none;}
	.morelink{ display:block;}
	.morelink img{ height:11px;}
	/*--------------- EXPERIENCE_END --------------*/
}

/* -----------------------------------
* media(min-width:375px) and (max-width:575px)
-----------------------------------*/
@media(min-width:375px) and (max-width:575px){
	.container{ max-width:100%;}

	.default-btn-hp{ min-width:156px; height:50px; font-size:14px; line-height:46px;}

	/*--------------- HEADER_START --------------*/
	.logo-main-hp{ margin-top:48px;}
	.desktop-logo-hp{ display:none;}
	.mobile-logo-hp{ display:block;}
	/*--------------- HEADER_END --------------*/

	/*--------------- CONTAIN_START --------------*/
	#contain{ padding:0px;}
	.hero-info-main-hp h2{ font-size:40px; line-height:47px; padding-bottom:41px;}
	/*--------------- CONTAIN_END --------------*/

	/*--------------- FOOTER_START --------------*/
	#footer{
		background:#000;
	}
	.footer-in-hp{ height:42px;}
	.Fnav-menu-hp{ padding:14px 0px 14px;}
	/*#footer:after{ height:34px; bottom:42px;}*//*CUSTOM*/
	/*--------------- FOOTER_END --------------*/

	/*--------------- EXPERIENCE_START --------------*/
	.exp-slide-info-main-expp{}
	/*CUSTOM!!*/
	.exp-slide-info-main-expp{
		/*position:absolute;*/
		/*bottom:160px;*/
		/*margin-right:auto; margin-left:auto; padding:0px;*/
	}
	.exp-slide-info-main-expp h2{ font-size:26px; line-height:31px; padding-bottom:14px;}
	.exp-slide-info-main-expp h2 br{ display:none;}

	.exp-info-text-expp p{ font-size:13px; line-height:20px;}
	.exp-info-text-expp p br{ display:none;}

	.exp-info-btn-expp{ padding-top:20px;}
	.exp-info-arrow-mob-expp{ display:block;}
	.exp-info-arrow-mob-expp.show img{ transform: rotate(180deg);}
	.experience-block-main-expp .owl-dots{ top:0px; bottom:auto; display:table; padding:19px 15px 0px; z-index:9;}
	.experience-block-main-expp .owl-dots:after{ content:""; position:absolute; left:0px; top:0px; width:100%; height:86px; z-index:-1;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.experience-block-main-expp .owl-dots .owl-dot{ display:table-cell; height:5px; width:20%; padding:0px 1px;}
	.experience-block-main-expp .owl-dots .owl-dot span{ height:5px; width:100%; border-radius:0px; margin:0px 0px;}

	.morecontent span {
		display: none;
	}
	.morelink {
		display: block;
	}
	.morelink img{ height:11px;}

	/*--------------- EXPERIENCE_END --------------*/
}

/* -----------------------------------
* media(min-width:576px) and (max-width:767px)
-----------------------------------*/
@media(min-width:576px) and (max-width:767px){
	.container{ max-width:100%;}

	.default-btn-hp{ min-width:156px; height:50px; font-size:14px; line-height:46px;}

	/*--------------- HEADER_START --------------*/
	.logo-main-hp{ margin-top:48px;}
	.desktop-logo-hp{ display:none;}
	.mobile-logo-hp{ display:block;}
	/*--------------- HEADER_END --------------*/

	/*--------------- CONTAIN_START --------------*/
	#contain{ padding:0px;}
	.hero-info-main-hp h2{ font-size:40px; line-height:47px; padding-bottom:41px;}
	/*--------------- CONTAIN_END --------------*/

	/*--------------- FOOTER_START --------------*/
	#footer{
		background:#000;
	}
	.footer-in-hp{ height:42px;}
	.Fnav-menu-hp{ padding:14px 0px 14px;}
	/*#footer:after{ height:34px; bottom:42px;}*//*CUSTOM*/
	/*--------------- FOOTER_END --------------*/

	/*--------------- EXPERIENCE_START --------------*/
	.exp-slide-info-main-expp{}
	/*CUSTOM!!*/
	.exp-slide-info-main-expp{
		/*position:absolute;*/
		/*bottom:160px;*/
		/*margin-right:auto; margin-left:auto; padding:0px;*/
	}
	.exp-slide-info-main-expp h2{ font-size:26px; line-height:31px; padding-bottom:14px;}
	.exp-slide-info-main-expp h2 br{ display:none;}

	.exp-info-text-expp p{ font-size:13px; line-height:20px;}
	.exp-info-text-expp p br{ display:none;}

	.exp-info-btn-expp{ padding-top:20px;}
	.exp-info-arrow-mob-expp{ display:block;}
	.exp-info-arrow-mob-expp.show img{ transform: rotate(180deg);}
	.experience-block-main-expp .owl-dots{ top:0px; bottom:auto; display:table; padding:19px 15px 0px; z-index:9;}
	.experience-block-main-expp .owl-dots:after{ content:""; position:absolute; left:0px; top:0px; width:100%; height:86px; z-index:-1;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}
	.experience-block-main-expp .owl-dots .owl-dot{ display:table-cell; height:5px; width:20%; padding:0px 1px;}
	.experience-block-main-expp .owl-dots .owl-dot span{ height:5px; width:100%; border-radius:0px; margin:0px 0px;}

	.morecontent span {
		display: none;
	}
	.morelink {
		display: block;
	}
	.morelink img{ height:11px;}
	/*--------------- EXPERIENCE_END --------------*/
}

/* -----------------------------------
* media(min-width:768px) and (max-width:991px)
-----------------------------------*/
@media(min-width:768px) and (max-width:991px){
	.container{ max-width:768px;
}


/*--------------- HEADER_START --------------*/
#header{}
.logo-main-hp{ margin-top:30px;}
.desktop-logo-hp{ display:none;}
.mobile-logo-hp{ display:block; height:100px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ padding:0px;}
.hero-info-main-hp h2{ font-size:50px; line-height:62px;}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
/*#footer:after{ height:180px;}*//*CUSTOM*/
/*--------------- FOOTER_END --------------*/

/*--------------- EXPERIENCE_START --------------*/
.exp-slide-info-main-expp h2{ max-width:620px; font-size:34px; line-height:44px; padding-bottom:20px;}
.exp-info-text-expp{ max-width:500px;}
.exp-info-btn-expp{ padding-top:26px;}
.owl-prev, .owl-next{ width:44px; height:44px;}
.owl-prev span, .owl-next span{ width:44px; height:44px;}
/*--------------- EXPERIENCE_END --------------*/

}

/* -----------------------------------
* media(min-width:992px) and (max-width:1239px)
-----------------------------------*/
@media(min-width:992px) and (max-width:1239px){
	.container{ max-width:992px;}

	/*--------------- HEADER_START --------------*/
	/*--------------- HEADER_END --------------*/

	/*--------------- CONTAIN_START --------------*/
	#contain{}
	.hero-info-main-hp h2{ font-size:54px; line-height:66px;}

	/*--------------- CONTAIN_END --------------*/

	/*--------------- FOOTER_START --------------*/
	/*--------------- FOOTER_END --------------*/

	/*--------------- EXPERIENCE_START --------------*/
	.exp-slide-info-main-expp h2{ max-width:840px; font-size:44px; line-height:54px;}
	.exp-info-btn-expp{ padding-top:30px;}
	/*--------------- EXPERIENCE_END --------------*/
}

@media(min-width:767px) {
	.exp-slide-info-main-expp{vertical-align:middle; padding:0px;}
	.experience-slide1-expp .container {background-image: none}
	.exp-info-arrow-expp{display: none}
	.exp-info-text-expp.show-less {height: auto}
}