@media (min-width: 1200px){
	/* custom container bootstrap */
	.container {
	    width: 991px;
	}
}
@media screen and  (max-width: 1024px){
	.item-s-f-text-top-left{
		padding: 15px;
	}
	.item-s-f-text-top-right{
		padding: 15px;
	}
	.item-text-header-top-3 h1{
		line-height: 80px;
	}
}
@media screen and  (max-width: 991px){
	.ifw-preview-app{
		display: none;
	}
	.wrap-header-top{
		height: 390px;
	}
	.item-slider-home{
		height: 390px;
	}
	.wrap-section-1-img{
		height: 540px;
	}
	.c-slide-info-text{
		width: 90%;
	}
	.c-slide-info-text h2{
		font-size: 33px;
		line-height: 44px;
	}
	.sec-1-images{
		max-width: 480px;
		margin: auto;
		margin-bottom: 50px;
	}
	.wrap-section-features-home{
		height: 700px;
	}
	.item-s-f-text-top-left h4{
		line-height: 18px;
		font-size: 14px;
	}
	.item-s-f-text-top-right h4{
		line-height: 18px;
		font-size: 14px;
	}
	.container-main-menu{
		padding-left: 15px;
		padding-right: 15px;
	}
	.logo-bm-bottom {
	    position: relative;
	    text-align: center;
	    margin-top: 20px;
	}
}
@media screen and  (max-width: 900px){
	.img-portfolio-top-1{
		width: 47.777%;
	}
	.img-portfolio{
		width: 47.777%;
	}
	.img-portfolio-info h1{
		font-size: 25px;
    	line-height: 34px;
	}
}
@media screen and  (max-width: 850px){
	.content-slide-info{
		width: 40%;
	}
	.item-sec-featu-text{
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
	.item-sec-featu-img{
		width: 100%;
		float: none;
		height: 760px;
	}
	.wrap-section-features-home{
		height: 100%;
	}
	.wrap-section-features-home{
		margin-top: 80px;
	}
	.item-clients-logo img{
		max-width: 80%;
	}
	.wrap-clients-logo-img li{
		width: 23.333%;
	}
	.img-portfoliobig-info{
		width: 40%;
	}
	.img-portfoliobig-item{
		width: 60%;
	}
	.img-portfolio-top-1 {
	    width: 47.4444%;
	}
	.img-portfolio {
	    width: 47.444%;
	}
	.item-sec-featu-text h1{
		text-align: center;
	}
}
@media screen and  (max-width: 800px){
	.overlay-item-prlx-info{
		width: 320px;
	}
	.ov-item-prlx-text h1{
		font-size: 25px;
		line-height: 35px;
	}
	.bt-work-1{
		margin-bottom: 10px;
	}
	.item-paralax-work2{
		margin-left: 320px;
	}
	.overlay-item-prlx-info2{
		width: 320px;
	}
	.ov-item-prlx-text2 h1{
		font-size: 25px;
		line-height: 35px;
	}
}
@media screen and  (max-width: 768px){
	/* .item-sec-2-img{
		height: 380px;
	}
	.section-2-rotate{
		height: 950px;
	}*/
	.wrap-section-2{
		margin-bottom: 130px;
	}
	.c-slide-info-text p{
		width: 100%;
	}
	.c-slide-info-text{
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-2-norotate{
		padding-bottom: 50px;
	}
	.ov-item-sec-f-1-right-text h3{
		font-size: 19px;
		line-height: 26px;
	}
	.ov-item-sec-f-1-right-button{
		width: 110px;
		font-size: 12px;
	}
	.sec-1-date{
		margin-bottom: 30px;
	}
	.sec-1-title{
		margin-bottom: 30px;
	}
	.c-article-img{
		margin: auto;
    	margin-bottom: 40px;
	}
	.content-slide-info{
		width: 100%;
		display: block;
		margin: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
	.content-slide-menu {
	    max-width: 370px;
	    position: relative;
	    width: 90%;
	    margin-bottom: 30px;
	    top: 0;
	}
	.wrap-content-slide-menu{
		min-height: 100%;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.content-slide-menu a{
		padding-left: 30px;
	}
	.content-slide-menu a:hover {
	    padding-left: 38px;
	}
	.content-slide-menu h4{
		margin-left: 30px;
	}
	.cont-slide-i-img{
		top: 58px;
	}
	.cont-slide-i-img {
		position: relative;
	    top: 20px;
	    width: 95%;
	    right: 0;
	    margin: auto;
	    margin-bottom: 35px;
	}
	.c-slide-info-text{
		width: 100%;
	}
	.c-slide-info-text h2{
		max-width: 100%;
	}
	.genc-text-head-top h1{
		font-size: 40px;
	}
	.genc-text-head-top h3{
		font-size: 20px;
	}
	.item-sec-p-big-left{
		float: none;
		width: 100%;
	}
	.item-sec-p-big-right{
		float: none;
		width: 100%;
	}
	.gen-phone-icon{
		width: 230px;
	}
	.wrap-text-gen-phone h2{
		font-size: 17px;
		margin-bottom: 10px;
	}
	.wrap-text-gen-phone > a{
		width: 157px;
		font-size: 11px;
		margin-bottom: 17px;
	}
	.line-circle-animation{
		width: 500px;
		height: 500px;
	}
	.lg-han-icon{
		width: 74px;
	}
	.line-circle-animation{
		bottom: -135px;
	}
	.genc-item-paralax{
		height: 655px;
	}

	/* circle animate 1 */
	.lg-han1{
		left: 210px;
		top: 210px;
		transform: rotate(85deg) translateY(250px) rotate(-85deg);
	}
	@-webkit-keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(250px) rotate(-85deg); }
	}
	@-moz-keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(250px) rotate(-85deg); }
	}
	@-o-keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(250px) rotate(-85deg); }
	}
	@keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(250px) rotate(-85deg); }
	}
	/* circle animate 2 */
	.lg-han2{
		left: 210px;
		top: 210px;
		transform: rotate(128deg) translateY(250px) rotate(-128deg);
	}
	@-webkit-keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(250px) rotate(-128deg); }
	}
	@-moz-keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(250px) rotate(-128deg); }
	}
	@-o-keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(250px) rotate(-128deg); }
	}
	@keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(250px) rotate(-128deg); }
	}
	/* circle animate 3 */
	.lg-han3{
		left: 210px;
		top: 210px;
		transform: rotate(180deg) translateY(250px) rotate(-180deg);
	}
	@-webkit-keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(250px) rotate(-180deg); }
	}
	@-moz-keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(250px) rotate(-180deg); }
	}
	@-o-keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(250px) rotate(-180deg); }
	}
	@keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(250px) rotate(-180deg); }
	}
	/* circle animate 4 */
	.lg-han4{
		left: 210px;
		top: 210px;
		transform: rotate(230deg) translateY(250px) rotate(-230deg);
	}
	@-webkit-keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(250px) rotate(-230deg); }
	}
	@-moz-keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(250px) rotate(-230deg); }
	}
	@-o-keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(250px) rotate(-230deg); }
	}
	@keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(250px) rotate(-230deg); }
	}
	/* circle animate 5 */
	.lg-han5{
		left: 210px;
		top: 210px;
		transform: rotate(275deg) translateY(250px) rotate(-275deg);
	}
	@-webkit-keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(250px) rotate(-275deg); }
	}
	@-moz-keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(250px) rotate(-275deg); }
	}
	@-o-keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(250px) rotate(-275deg); }
	}
	@keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(250px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(250px) rotate(-275deg); }
	}

	.genc-sec-1-img {
	    max-width: 400px;
	    margin: auto;
	    margin-bottom: 30px;
	}
	.wrap-chart-circle-tab{
		width: 90%;
		max-width: 450px;
		margin: auto;
		margin-bottom: 30px;
	}
	.floating-sec-circle{
		display: none;
	}
	.bt-close-popup-btr{
		right: -6px;
		top: -9px;
	}
	.logo-bm-bottom .info-col{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media screen and  (max-width: 720px){
	.img-portfolio-top-1 {
	    width: 47.111%;
	}
	.img-portfolio {
	    width: 47.111%;
	}
	.overlay-item-prlx-info {
	    width: 280px;
	}

	.item-paralax-work2{
		margin-left: 280px;
	}
	.overlay-item-prlx-info2{
		width: 280px;
	}
}
@media screen and  (max-width: 640px){
	.img-portfolio {
	    width: 100%;
	    height: 100%;
	    margin-left: 0;
	    margin-right: 0;
	}
	.img-portfolio-big{
		width: 100%;
	}
	.img-portfolio-top-1 {
	    width: 48.5555%;
	}
}
@media screen and  (max-width: 620px){
	.sec-preview-desc h3{
		max-width: 100%;
	}
	.sec-preview-desc p{
		max-width: 100%;
	}
	.bt-sec-preview{
		position: relative;
	}
}
@media screen and  (max-width: 600px){
	.ov-item-sec-f-1-right-text{
		display: none;
	}
	.sec-2-slider{
		width: 85%;
	}
	.nav-slide-sec-1-left{
		top: 29%;
	}
	.nav-slide-sec-1-right{
		top: 29%;
	}
	.sec-footer-2 h1{
		font-size: 48px;
	}
	/*
	.item-sec-2-img{
		width: 300px;
	} */
	.item-sec-featu-img{
		height: 640px;
	}
	.item-s-f-text-top-right h2{
		font-size: 17px;
	}
	.item-s-f-text-top-left h2{
		font-size: 17px;
	}
	.item-text-header-top-3{
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
		max-width: 100%;
		width: 100%;
	}
	.main-menu-right-top ul li{
		padding-left: 20px;
	}
	.main-menu-right-top ul li.mn-bt-bars{
		margin-left: 16px;
	}
	.wrap-main-popup-mn-bars li{
		padding-left: 30px;
		font-size: 32px;
	}
	.wrap-main-popup-mn-bars li:hover{
		padding-left: 50px;
	}
	.item-text-header-top-3 h1{
		font-size: 54px;
		letter-spacing: 32px;
	}
	.img-portfolio-big{
		height: 100%;
	}
	.img-portfoliobig-item{
		float: none;
		width: 100%;
	}
	.img-portfoliobig-info{
		width: 100%;
		float: none;
	}
	.img-portfolio-top-1 {
	    width: 48.222%;
	}
}
@media screen and  (max-width: 500px){
	.img-portfolio-top-1 {
	    width: 48%;
	}
	.overlay-item-prlx-info {
	    width: 260px;
	}
	.ov-item-prlx-text{
		padding-left: 70px;
	}
	.item-paralax-work2{
		margin-left: 260px;
	}
	.overlay-item-prlx-info2{
		width: 260px;
	}
}
@media screen and  (max-width: 480px){

	.banner_idbyte2019_mobile{
		display: block !important;
	}

	.banner_idbyte2019_desktop{
		display: none !important;
	}
	
	.ifw-link-app a{
		height: 40px;
	}
	.ifw-title{
		font-size: 25px;
		line-height: 30px;
	}
	.ifw-desc{
		font-size: 18px;
	}
	.image-brand{
		width: 100%;
	}
	.sec-1-title h2{
		width: 90%;
	}
	.nav-i-sec-text{
		font-size: 12px;
		line-height: 20px;
		width: 90%;
		margin: auto;
		text-align: center;
	}
	.wrap-section-1-img {
	    height: 340px;
	    margin-bottom: 60px;
	}
	.item-sec-f-1-left{
		height: 180px;
	}
	.item-sec-f-1-right{
		height: 180px;
	}
	.nav-i-sec-icon{
		float: none;
		margin: auto;
		margin-bottom: 20px;
	}
	.ov-item-sec-f-1-right-button{
		width: 90%;
		left: 0;
		right: 0;
		margin: auto;
	}
	.item-sec-featu-img {
	    height: 480px;
	}
	.sec-footer-c-img{
		position: relative;
		right: 0;
		top: 0;
		width: 180px;
		margin: auto;
		margin-top: 30px;
	}
	.sec-footer-h h1{
		width: 100%;
	}
	.sec-footer-h h4{
		width: 100%;
	}
	.main-menu-right-top{
		font-size: 13px;
	}
	.main-menu-right-top ul li {
	    padding-left: 13px;
	}
	.main-menu-right-top ul li.mn-bt-bars {
	    margin-left: 9px;
	}
	.img-portfolio-bigger:hover{
		-webkit-box-shadow: 10px 10px 0px 0px rgba(255,49,98,1);
		-moz-box-shadow: 10px 10px 0px 0px rgba(255,49,98,1);
		box-shadow: 10px 10px 0px 0px rgba(255,49,98,1);
		top: -10px;
		left: -10px;
	}
	.overlay-img-portfolio-info h1{
		font-size: 18px;
	}
	.overlay-img-portfolio-info p{
		line-height: 21px;
		font-size: 13px;
	}
	.item-paralax-work2{
		width: 100%;
		margin-left: 0;
		float: none;
		height: 500px;
	}
	.overlay-item-prlx-info2{
		width: 100%;
		float: none;
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ov-item-prlx-text2{
		position: relative;
		bottom: 0;
	}
	.ov-item-prlx-text2 h1 {
	    margin-bottom: 20px;
	}
	.ipw-hide{display: block;}
	.ipw-normal{
		display: none !important;
	}
	.wrap-section-footer-c {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.wrap-section-2{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.wrap-section-features-home {
	    margin-top: 23px;
	}
	.section-2-norotate{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.wrap-section-content-article{
		padding-bottom: 0;
		padding-top: 60px;
	}
	.wrap-section-1-apr{
		padding-top: 60px;
	}
	.wrap-sec-portfolio-filter{
		padding-top: 60px;
	}
	.sec-footer-1{
		margin-bottom: 0px;
	}
	.c-article-title h1{
		font-size: 33px;
		line-height: 39px;
	}
	.text-portfolio-small{
		padding-left: 15px;
		padding-right: 15px;
		bottom: 15px;
	}
	.text-portfolio-small h2{
		font-size: 19px;
		line-height: 21px;
	}
	.sec-footer-h h1{
		font-size: 55px;
	}
	.sec-footer-2 h1{
		font-size: 37px;
	}
	.sec-1-desc h1{
		font-size: 33px;
		line-height: 38px;
	}
	.wrap-sec-contact-1{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.genc-text-head-top{
		top: 25px;
	}
	.genc-text-head-top h1 {
	    font-size: 32px;
	}
	.gen-phone-icon {
	    width: 184px;
	}
	.wrap-text-gen-phone > a{
		width: 140px;
		margin-bottom: 4px;
	}
	.line-circle-animation {
	    width: 320px;
	    height: 320px;
	    bottom: -93px;
	}
	.lg-han-icon {
	    width: 52px;
	}

	.genc-item-paralax {
	    height: 100vh;
	}
	.wrap-sec-tab-menu ul li{
		height: 90px;
	}

	.section-percent-big{
		margin-top: 40px;
		margin-bottom: 40px;
	}

	/* circle animate 1 */
	.lg-han1{
		left: 135px;
		top: 135px;
		transform: rotate(85deg) translateY(155px) rotate(-85deg);
	}
	@-webkit-keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(155px) rotate(-85deg); }
	}
	@-moz-keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(155px) rotate(-85deg); }
	}
	@-o-keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(155px) rotate(-85deg); }
	}
	@keyframes orbit1 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(85deg) translateY(155px) rotate(-85deg); }
	}
	/* circle animate 2 */
	.lg-han2{
		left: 135px;
		top: 135px;
		transform: rotate(128deg) translateY(155px) rotate(-128deg);
	}
	@-webkit-keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(155px) rotate(-128deg); }
	}
	@-moz-keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(155px) rotate(-128deg); }
	}
	@-o-keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(155px) rotate(-128deg); }
	}
	@keyframes orbit2 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(128deg) translateY(155px) rotate(-128deg); }
	}
	/* circle animate 3 */
	.lg-han3{
		left: 135px;
		top: 135px;
		transform: rotate(180deg) translateY(155px) rotate(-180deg);
	}
	@-webkit-keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(155px) rotate(-180deg); }
	}
	@-moz-keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(155px) rotate(-180deg); }
	}
	@-o-keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(155px) rotate(-180deg); }
	}
	@keyframes orbit3 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(180deg) translateY(155px) rotate(-180deg); }
	}
	/* circle animate 4 */
	.lg-han4{
		left: 135px;
		top: 135px;
		transform: rotate(230deg) translateY(155px) rotate(-230deg);
	}
	@-webkit-keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(155px) rotate(-230deg); }
	}
	@-moz-keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(155px) rotate(-230deg); }
	}
	@-o-keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(155px) rotate(-230deg); }
	}
	@keyframes orbit4 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(230deg) translateY(155px) rotate(-230deg); }
	}
	/* circle animate 5 */
	.lg-han5{
		left: 135px;
		top: 135px;
		transform: rotate(275deg) translateY(155px) rotate(-275deg);
	}
	@-webkit-keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(155px) rotate(-275deg); }
	}
	@-moz-keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(155px) rotate(-275deg); }
	}
	@-o-keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(155px) rotate(-275deg); }
	}
	@keyframes orbit5 {
		from { 	-webkit-transform: rotate(30deg) translateY(155px) rotate(-30deg); }
		to   {  -webkit-transform: rotate(275deg) translateY(155px) rotate(-275deg); }
	}
	.logo-bm-bottom {
	    position: relative;
	    text-align: center;
	    margin-top: 20px;
	}
	.logo-bm-bottom .info-col{
		text-align: center;
		padding-right:0;
	}
	a.bt-get-full-rep {
	    display: block;
	    margin-right: 0;
	    color: #fff;
	    text-transform: uppercase;
	    font-family: 'Roboto', sans-serif;
	    font-weight: 500;
	    font-size: 14px;
	    width: 220px;
	    text-align: center;
	    background: #ef4723;
	    padding-top: 7px;
	    padding-bottom: 7px;
	    cursor: pointer;
	    -webkit-transition: 0.3s;
	    -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    margin: auto;
	    margin-bottom: 20px;
	}
	.floating-lang{
		padding-right: 0;
		text-align: center;
	}
}
@media screen and  (max-width: 440px){
	.img-portfolio-top-1 {
	    width: 47.666%;
	}
}
@media screen and  (max-width: 420px){
	.text-header-top h1{
		font-size: 30px;
	}
	.nav-slide-sec-1-left i{
		font-size: 55px;
	}
	.nav-slide-sec-1-right i{
		font-size: 55px;
	}
	.text-header-top2 h1 {
	    font-size: 30px;
	}
	.ov-item-prlx-text{
		position: initial;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ov-item-prlx-text h1{
		margin-bottom: 20px;
	}
	.overlay-item-prlx-info {
	    width: 100%;
	    height: auto;
	}
	.item-s-f-img{
		width: 100%;
    	height: auto;
	}
	.item-sec-featu-img {
	    height: auto;
	}
	.item-s-f-text-top-left {
	    padding: 15px;
	    min-height: 170px;
	}
	.item-s-f-text-top-right {
	    padding: 15px;
	    min-height: 170px;
	}
}
@media screen and  (max-width: 400px){
	.c-article-meta h2{
		margin-bottom: 15px;
	}
	.wrap-c-article-share{
		position: relative;
		top: 0;
	}
	.c-article-title h1{
	    font-size: 35px;
	    line-height: 43px;
	}
	.img-portfolio-top-1 {
	    width: 47.333%;
	}
}
@media screen and  (max-width: 360px){
	.img-portfolio-top-1 {
	    width: 47.111%;
	}
}
@media screen and  (max-width: 320px){
	.main-logo-top{
		width: 29px;
	}
	input.ift-hidden{
		width: 100%;
		margin-left: 0;
	}
	.wrapper-input-form-text{
		margin-bottom: 10px;
	}
}