@media (min-width:460px){
	.section1{
		height:65%


	}



}

@media (min-width:768px){




	.mag-cont .mag1-h1{
		font-family: MuseoSans_300;
		font-size: 36px;
	}
	.mag-author{
		color: rgb(39,107,175);
		border-top: 1px solid rgb(39,107,175);
		border-bottom: 1px solid rgb(39,107,175);
		font-size: 20px;
		padding: 10px;
		font-family: MuseoSans_300;
	}
	.mag-author span{
		color: rgb(164,164,164);
		font-size: 15px;
		display: -webkit-inline-box;
	}
	.mag-author span a {
		padding: 0 20px;
	}
	.mag-content h3{
		font-family: MuseoSans_300;
		font-size: 20px;
		color: rgb(164,164,164);
	}
	.mag-cont .col-xs-8{
		padding-left: 0 !important
	}
	.dp{
		padding: 28px;
		padding-left: 0;
		padding-bottom: 0px;
		height: 100%;
		width: 100%;
	}
	.recommended-art .ss {
		height: 32em;
	}
	.a-mag-product{
		display: block;
		top: 0;
		position: absolute;
		height: 100%;
		width: 10%;
	}
	.a-close img{
		width: 53%;
		margin-top: 50%;
		margin-left: 20%;
	}
	.a-close{   
		top: 0;
		position: absolute;
		right: 0;
	}
	.recommended-art .title{
		padding: 0
	}
	.recommended-art .title h1{
		font-family: MuseoSans_300;
		font-size: 30px;
		margin-left: 5px;
		color: rgb(39,107,175);
		border-top: 1px solid rgb(250,250,250);
	}
	.mag-prod-body .col-xs-8 {
		width: 71.666667%;
	}
	.mag-prod-body .col-xs-4 {
		width: 28.333333%;
	}
	.mag-prod-body .mail{
		background-image: url(../Pictures/Shape16.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.mag-prod-body .faceb{
		background-image: url(../Pictures/Shape13.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.mag-prod-body .linkin{
		background-image: url(../Pictures/Shape15.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.article-share{
		float: right;
	}
	.article-share span:nth-of-type(1){
		font-size: 19px;
		padding-right: 15px;
		display: block;
	}
	.article-share a{
		display: -webkit-inline-box;
		width: 24px;
		height: 18px;
	}
	.mag-div-img{
		padding: 0
	}
	.mag-cont .col-sm-8 {
		width: 70.666667% !important;
		padding: 0;
	}



	.col-trait{
		height:19%!important


	}
	#cd-vertical-nav{
		display:block


	}
	.accordion{
		display:none


	}
	.second-navbar-custom{
		display:block


	}
	.navbar-default .navbar-collapse,.navbar-default .navbar-form{
		background:rgba(0,0,0,0);
		width:fit-content;
		width:-moz-fit-content;
		padding:0;
		float:right


	}
	.navbar-toggle{
		display:none!important


	}
	.navbar-collapse{
		display:block!important


	}
	.navbar-default .container{
		width:-webkit-fill-available;
		width:-moz-fill-available


	}
	.top-navbar a{
		font-size:10px


	}
	.nav>li{
		padding:0;
		border:0


	}
	.navbar-default .navbar-nav>li>a{
		width:8.6em;
		color:white


	}
	.nav-elements li:nth-of-type(7) a{
		width:9.7em


	}
	.close-sign{
		height:35px;
		width:35px


	}
	.part21{
		bottom:3%;
		position:absolute;
		width:55%;
		left:6.8%;
		top:unset;
		display:block


	}
	@media(min-width:767px) and (max-width:993px){
		.section2{
			min-height:fit-content;
			min-height:-moz-fit-content;
			max-height:100%;
			background-size:89%;
			background-position:50% 30px;
			padding-top:50px;
			padding-bottom:5%


		}



	}
	.part1 h1{
		text-align:left;
		padding-top:5%;
		font-size:22px;
		width:330px


	}
	.section2 p:nth-of-type(1){
		text-align:left;
		font-size:17px;
		width:410px


	}
	.col-sm-offset-1{
		margin-left:6.333333%


	}
	.part2{
		width:37%;
		left:8.8%;
		background-position-y:68%;
		background-position-x:6.8%;
		background-size:13%;
		height:58vh


	}
	.part2 h1{
		text-align:left;
		font-size:17px


	}
	.part2 h5{
		text-align:left;
		font-size:15px


	}
	.icon{
		width:56px;
		min-width:56px;
		height:54px;
		min-height:54px;
		margin-bottom:15%;
		margin-right:5%;
		position:relative


	}
	.section3{
		min-height:fit-content;
		min-height:-moz-fit-content;
		max-height:100%;
		background-size:64%,cover;
		background-position:50% 10%,center;
		padding-bottom:30px;
		padding-top:2%


	}
	.section3 .container:nth-of-type(2){
		width:-webkit-fill-available;
		width:-moz-fill-available;
		padding-top:20px


	}
	.section3 h1{
		display:inline-grid


	}
	.section3 h3{
		text-align:left;
		padding-top:20%;
		font-size:22px;
		width:460px


	}
	.sec31 .col-lg-3{
		border-right:1px solid rgba(147,126,116,.5);
		border-bottom:0;
		padding:1em


	}
	.sec31 h1{
		font-size:1.32em


	}
	.section4{
		padding-top:10em;
		max-height:fit-content;
		max-height:-moz-fit-content;
		background-repeat:no-repeat;
		height:fit-content;
		height:-moz-fit-content;
		background-size:92%;
		background-position:53% 7%


	}
	.section4 .container{
		width:80%;
		margin:0 auto


	}
	.txt4{
		font-size:22px;
		width:500px;
		padding-bottom:45px;
		text-align:left


	}
	.sec41{
		height:25.43vh;
		width:50%


	}
	.sec412{
		background-repeat:no-repeat;
		background-position:left;
		background-size:cover


	}
	#drop4:hover .icon4{
		background:url(../Pictures/ic4.png);
		background-repeat:no-repeat;
		background-size:cover


	}
	#drop3:hover .icon3{
		background:url(../Pictures/ic3.png);
		background-repeat:no-repeat;
		background-size:cover


	}
	#drop2:hover .icon2{
		background:url(../Pictures/ic2.png);
		background-repeat:no-repeat;
		background-size:cover


	}
	#drop1:hover .icon1{
		background:url(../Pictures/ic1.png);
		background-repeat:no-repeat;
		background-size:contain


	}
	.sec311{
		height:30vh


	}
	@media only screen and (min-width:768px){
		.sec311:hover .txt{
			display:flex;
			font-size:10px;
			transition:unset


		}
		.sec311:hover .dropdown-content{
			height:100%;
			opacity:1;
			transition-delay:0s,0s;
			display:block!important


		}
		.sec311:hover .icon{
			margin:0 1em 0 0


		}
		.sec311:hover .trait{
			display:none


		}



	}
	.sec311 ul{
		padding-left:3em


	}
	.txt2{
		font-size:2.5em!important


	}
	.sec41:hover .txt2{
		background-color:rgba(0,0,0,.5);
		font-size:2.4em!important;
		font-weight:700


	}
	.section5{
		background-size:100%,cover;
		background-position:50% 10%,center;
		height:65%;
		padding-top:18%


	}
	.section5 .col-lg-offset-1 h1:nth-of-type(1){
		padding-top:27%


	}
	.txt5{
		display:block;
		font-size:22px;
		text-align:left;
		width:470px


	}
	.txt5-sm{
		display:none


	}
	.section6 .txt{
		font-family: MuseoSans_300 !important;
		font-style: italic;
		font-size:22px;
		text-align:left;
		width:330px;
		background:linear-gradient(to right,rgb(172,100,84) 0%,rgb(241,213,205) 100%);
		-webkit-background-clip:text;
		padding-top:2%;
		-webkit-text-fill-color:transparent


	}
	.slick-track{
		margin-left:120px


	}
	.slider .container{
		width:inherit;
		height:100%


	}
	.ss{
		height:21em


	}
	.info{
		margin:52em 0 0 0;
		width:100%


	}
	.section7 textarea{
		margin:0;
		height:10em;
		width:100%


	}
	input[type="submit"]{
		margin:10px 0 0 auto;
		width:100px


	}
	.section6{
		min-height:fit-content;
		min-height:-moz-fit-content;
		max-height:100%;
		max-height:-moz-fit-content;
		padding-top:14%;
		background-size:79%;
		background-position:50% 10%;
		padding-bottom:8%


	}
	.section7{
		background:url(../Pictures/contact-back.png);
		min-height:fit-content;
		min-height:-moz-fit-content;
		max-height:100%;
		background-size:115%;
		background-position:center 0%;
		padding-top:4em


	}
	.txt6{
		display:block;
		font-size:22px;
		text-align:left;
		width:405px;
		font-family:MuseoSans_300 !important;
		padding-top:6%;
		padding-bottom:6%;
		font-style:italic;
		background:linear-gradient(to right,rgb(160,102,89) 0%,rgb(243,222,215) 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent


	}
	.txt6-sm{
		display:none


	}
	input[type="text"],input[type="password"]{
		box-sizing:border-box;
		padding:3em 0em 0em 1em;
		width:90%;
		height:55px;
		border:none;
		border-bottom:1px solid #272727;
		font-family:'Roboto',sans-serif;
		font-weight:400;
		transition:0.2s ease;
		background:rgb(57,58,63);
		position:relative;
		display:block;
		font-size:1em;
		outline-color:rgba(0,0,0,0);
		margin:0


	}
	@media (max-width:992px) and (min-width:768px){
		.twoblocks .col-sm-6{
			width:45%;
			height:200px


		}



	}
	.twoblocks .col-sm-6:nth-of-type(2){
		padding-top:4%;
		padding-right:0;
		padding-bottom:35px


	}
	footer .container{
		margin-left:6%;
		margin-right:6%;
		max-width:-webkit-fill-available;
		max-width:-moz-fill-available


	}
	.top-navbar-custom{
		box-shadow:0 1px 15px grey;
		background:white


	}
	.top-navbar-custom .nav-elements li a{
		color:black


	}
	.top-navbar-custom .nav-elements li a:hover{
		color:black!important;
		font-weight:700


	}
	.second-navbar-custom{
		background:rgba(0,0,0,0);
		padding-top:0;
		padding-bottom:0%


	}
	.second-nav-custom li{
		margin-left:0em;
		width:9.5em;
		display:inline-block;
		float:unset


	}
	.second-nav-custom li:nth-of-type(5){
		width:15em


	}
	.navbar-default .second-nav-custom>li>a{
		color:rgb(132,133,137);
		margin:0!important;
		padding:0!important;
		width:inherit!important;
		font-size:1em;
		line-height:45px


	}
	.second-nav-custom li a:hover{
		color:rgb(9,86,159)!important;
		font-weight:700


	}
	.second-navbar-custom{
		padding-top:1em!important


	}
	.second-navbar-custom .top-navbar{
		width:-webkit-fill-available;
		width:-moz-fill-available;
		padding:2em 0 0 0


	}
	.products-icons .col-sm-3{
		width:25%!important;
		padding:0.5em!important;
		margin:0 auto!important


	}
	.second-navbar-custom .top-navbar{
		width:-webkit-fill-available;
		width:-moz-fill-available;
		padding:2em 0 0 0


	}
	.second-navbar-custom .top-navbar ul{
		width:-webkit-fill-available;
		width:-moz-available;
		text-align:center;
		height:45px


	}
	.second-nav-custom li:nth-of-type(8){
		float:right;
		width:fit-content;
		width:-moz-fit-content;
		margin-right:5%


	}
	.back-close{
		top:.5em;
		font-size:2em


	}
	@media (min-width:768px) and (max-width:851px){
		#marketing-secnav .second-nav-custom li:nth-of-type(2){
			margin-left:3%


		}
		#prod1-secnav .second-nav-custom li:nth-of-type(2){
			margin-left:-3%


		}



	}
	@media (min-width:850px) and (max-width:991px){
		#marketing-secnav .second-nav-custom li:nth-of-type(2){
			margin-left:14%


		}
		#prod1-secnav .second-nav-custom li:nth-of-type(2){
			margin-left:6%


		}



	}
	.second-nav-custom li:nth-of-type(1){
		float:left;
		width:fit-content;
		width:-moz-fit-content


	}
	.col-sm-3{
		width:25%;
		padding:.5em;
		margin:0 auto


	}
	.product-list .slider{
		width:100%


	}
	.product-list .slick-list{
		height:inherit


	}
	.slick-prev .slide-next{
		display:none


	}
	.custom-slider .slick-dots{
		bottom:5px


	}
	.custom-slider .slick-dots li button:before{
		color:white!important


	}
	.custom-slider .slick-dots li{
		margin:0


	}
	.custom-ss{
		margin:0!important


	}
	.client-info h1{
		font-family:MuseoSans_300;
		font-weight:700;
		margin:0;
		font-size:3.7vh


	}
	.client-info .fab{
		color:black;
		font-size:2.7vh;
		padding-right:6%


	}
	.social-info{
		align-items:center


	}
	.social-info h2{
		font-size:2.7vh;
		padding-left:1em


	}
	.categ h3{
		font-size:2.7vh;
		padding-right:1em


	}
	.categ a:nth-of-type(2) h3{
		padding:0em 1em;
		border-right:1.5px solid black;
		border-left:1.5px solid black


	}
	.categ a:nth-of-type(3) h3{
		padding-left:1em


	}
	.client-info a:hover{
		color:initial;
		text-decoration:none


	}
	.product-logo{
		margin:3em 0em 2em 0em


	}
	.product-logo img{
		height:100%;
		width:100%


	}
	.client-info{
		padding:0


	}
	.info h1{
		font-size:22px


	}
	.info p{
		font-size:16px


	}



}
@-moz-document url-prefix(){
	.section7{
		display:block


	}



}
@supports (-ms-ime-align:auto){
	.section1{
		min-height:50%


	}
	.section3 :nth-of-type(2).container{
		margin:0 auto


	}
	.section2,.section3{
		min-height:auto


	}
	.slick-initialized .slick-slide{
		height:100%


	}
	.section5{
		min-height:100%


	}
	.section6{
		margin-bottom:15%;
		min-height:115%


	}
	.section7{
		min-height:90%


	}



}