/*
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Author: Maugus Creative Studio
Author URI: https://www.maug.us
*/
@media (max-width: 991px){
	footer .address-list{
		margin-top: 30px;
	}
	section.resume .resume-item .profile {
	    width: 200px;
	    height: 200px;
	}
}

@media (max-width: 767px) {
	body{
		font-size: 16px;
	}
	.bt-default {
	    padding: 10px 15px;
	}
	.header{
		position: relative;
	}
	.header header{
		padding: 0px;
	}
	.header .pre-header{
		height: auto;
		line-height: normal;
		background: #20304e;
		border-bottom: 0;
	}
	.header header .navbar-brand{
		opacity: 1;
		margin: 15px 0;
	}
	.header header .brand-banner{
		display: none;
	}
	.header .pre-header .whatsapp{
		padding: 0 20px;
		margin: 0 -15px;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}
	.header .pre-header .whatsapp .info{
		display: block;
   		float: left;
    	width: calc(100% - 38px);
    	margin-top: 5px;
	}
	.header .pre-header .whatsapp i{
		margin-right: 0;
	}
	.header .pre-header .whatsapp .phone{
		margin-left: 0;
		font-size: 20px;
	}
	.header .pre-header .whatsapp:before{
		display: none;
	}
	.header .pre-header .social{
		display: table;
		float: none;
		margin: 0 auto;
	}
	.header .pre-header .social ul{
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0;
	}
	.header .pre-header .social{
		padding-right: 0;
	}
	.header .pre-header .social ul li .share-label{
		height: 40px;
		line-height: 40px;
	}
	.header .pre-header .social ul li a{
		height: 40px;
		line-height: 40px;
	}
	.header .pre-header .social ul li a svg{
		margin-top: 8px;
	}
	.navbar-toggle .icon-bar {
	    width: 25px;
	    background-color: #20304e;
	}
	.navbar-toggle {
	    margin-top: 25px;
	    margin-right: 0;
	}
	.navbar-collapse{
		padding: 0;
    	margin: 0 -15px;
    	overflow-y: hidden;
	}

	.navbar{
		border: 0;
	}
	.header header .navbar-nav{
		float: left;
		margin: 0;
		width: 100%;
	}
	.header header .navbar-nav > li >a{
		background-color: #20304e;
		margin: 0;
		padding: 0 15px;
		height: 55px;
		line-height: 55px;
		color: rgba(228,108,10,1);
		border-bottom: 1px solid #2b3e61;
		font-size: 16px;
		text-align: center;
	}
	.header header .navbar-nav > li >a:hover,
	.header header .navbar-nav > li >a:active{
		background-color: rgba(228,108,10,1);
		color: #FFF;
	}
	.featured-banner{
		height: 455px;
	}
	.featured-banner .featured-banner-list{
		height: 420px;
	}
	.featured-banner .featured-banner-item .featured-banner-item-info{
		top: 35%;
	}
	.featured-banner .featured-banner-item .featured-banner-item-info h2{
		font-size: 38px;
	}
	.featured-banner .featured-banner-item .featured-banner-item-info h3{
		font-size: 22px;
	}
	.featured-banner .featured-banner-item .featured-banner-item-info h3 i{
		width: 48px;
    	height: 48px;
	}
	.featured-banner .featured-banner-item .featured-banner-item-info .buttons{
		margin-top: 30px;
	}
	.featured-banner .slick-dots {
	    bottom: 25px;
	}
	section.products p.presentation {
	    padding: 0 10%;
	}
	section.products .bt-arrow.bt-arrow-next,
	section.products .bt-arrow.bt-arrow-prev{
		display: none;
	}
	section.products .products-container{
		width: 100%;
	}
	section.products .slick-dots li button:before {
	    font-size: 50px;
	    opacity: .95;
	    color: #999999;
	}
	section.products{
		padding-bottom: 50px;
	}
	footer{
		padding-bottom: 60px;
	}
	.float-whastapp{
		bottom:20px;
		right:20px;
	}
	footer .brand{
		width: 50%;
		margin:  0 auto;
		display: table;
		float: none;
	}
	footer .service-list-footer{
		margin: 50px 0;
    float: left;
    width: 100%;

	}
	footer h5,
	footer .address-list .address-item{
		text-align: center;
	}
	footer .sitemap ul, footer .service-list-footer ul{
		display: block;
		float: left;
		width: 100%;
	}
	footer .sitemap ul li a, footer .service-list-footer ul li a{
		display: block;
		float: left;
		width: 100%;
		text-align: center;
	}
	footer .contacts-list .contacts-info,
	footer .social,
	footer .address-list{
		width: auto;
		display: table;
		float: none;
		margin: 25px auto;
	}
	footer .address-list{
		margin-bottom: 0;
	}
	footer .contacts-list .contacts-info div{
		width: auto;
		display: table;
		float: none;
		margin: 0 auto;
	}
	footer .subfooter .copyright {
	    text-align: center;
	    height: auto;
	    line-height: normal;
	    padding: 0 40px;
	}
	footer .subfooter .development{
		width: 100%;
		text-align: center;
		line-height: 30px;
	}
	.banner-header {
		background-position: center center!important;
		height: 200px;
	}
	section.products-full h1, section.products h1, section.products h2{
		font-size: 30px;
	}
	section.products-full .content .image{
		width: 100%;
	}
	section.jpc-skils .skill-item{
		margin-bottom: 40px;
	}
	section.jpc-skils .skill-item p{
		padding: 0 40px;
	}
	section.resume .resume-item p{
		padding: 0 40px;
	}
	section.contact h1{
		font-size: 30px;
	}
	section.contact .content .googlemaps .map {
	    position: relative;
	    width: 100%;
	}
}