/* @CSS Responsive */

.show-menu, .mobile-header, .mobile-data{ display:none; }

@media (min-width:1024px) and (max-width:1366px){	
	#section0 .metaslider img{
		width: 100%;
		height: 100%;
	}
	#section0 .box h4{
		font-size:10px;
	}
	#section0 .box h4 span{
		font-size:16px;
	}
	#section0 .data-holder .data article{
		padding:200px 50px 50px;
	}	
}

@media (min-width:768px) and (max-width:1024px){
    
}
@media (max-width:768px){
	.header{
		padding: 0 0 0;
	}
	.logo {
		width: 100px;
	}
	#fp-nav{
		right:20px !important;
		margin-right: 0px !important;
	}
	.desktop-header{ display:none; }
	.show-menu, .mobile-header, .mobile-data{ display:block; }
	.show-menu {
		position: relative;
		float: right;
		top: 12px;
	}
	.primarymenu {
		position: fixed;
		z-index: 9000;
		right: -100%;
		background: #222;
		width: 100%;
		height: 100%;
		padding: 7%;
		transition: all 0.5s;
		top: 0;
		left:auto;
	}
	.primarymenu-show {
		right: 0 !important;
	}
	.primarymenu ul{
		float:none !important;
		clear: both;
		padding:20px 0 !important;
	}
	.primarymenu ul li {
		display: block;
	}
	.primarymenu ul li a {
		padding: 10px 20px !important;
		font-size: 16px !important;
		border-bottom: 1px solid #333 !important;
		color:#e3ac5c !important;
	}
	.primarymenu p, .primarymenu h3{
		color:#e3ac5c !important;
	}
	.hide-menu {
		color: #fff !important;
		margin:0 !important;
	}
	.section .data-holder > .data {
		padding:0 !important;
	}
	#section0 .data-holder .data article{
		padding: 180px 20px 80px;
    }
    #section0 .slider{
        margin:190px 0 20px;
        height:auto;
    }
	.entry-title {
		margin:0 0 10px;
		text-transform: capitalize;
		font-size: 20px;
		color:#fff;
	}
	article .entry-content, article .entry-content p, .entry-content p{
	    padding:0;
	    color:#999;
	}
	article iframe{
	    height:300px;
	}
	.wp-block-column {
	    margin: 15px 0 !important;
	}
}