@font-face {
    font-family: 'swiss-light';
    src: url('../fonts/swis-light-webfont.woff2') format('woff2'),
         url('../fonts/swis-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swiss-bold';
    src: url('../fonts/swiss-bold-webfont.woff2') format('woff2'),
         url('../fonts/swiss-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1,
h2 {
    font-family: "swiss-bold";
}

body {
    font-family: "swiss-light";
}

img {
    max-width: 100%;
}

.container {
    max-width: 600px !important;
}

.page-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 100%;
    display: flex;
    align-items: center;
}

.icon {
    position: relative;
	padding-bottom: 10px;
	max-width: 124px;
}

.sec-head{
	padding: 12px 0 0px 0;
}
.sec-head h1 {
    line-height: .8;
    margin-bottom: 8px;
    font-size: 28px;
}
.sec-head h3 {
    line-height: .8;
    margin-bottom: 0px;
    font-size: 24px;
}
.web{
	display: block !important;
}
.tab{
	display: none !important;
}

@media(max-width:768px) {
	.slick-next{
		right: 40px;
	}
	
	.slick-prev{
		left: 40px;
	}
}

@media(max-width:425px) {
	.web{
		display: none !important;
	}
	.tab{
		display: block !important;
	}
	.container{
		padding: 40px 16px !important;
	}
	.main-icon{
		max-width: 185px !important;
	}
	.icon {
		max-width: 100%;
		margin: auto;
		margin-bottom: 12px;
	}
	
	.sec-head{
	padding: 0px 0 40px 0;
	}
	.portfolio-slides {
		    width: 210px;
    height: 210px;
    margin: auto;
	}
	
	.slick-lightbox-slick-img{
		width: 70%;
	}
}