/*
Author: Dusan Gacic
Author URI: http://www.o3art.com/
Client: 
*/


/* 
# CSS contents ###################
* 01. Responsive
*/


/*
# 01. Responsive ################### 
*/

@media screen and (max-width: 1680px){
	img.bg {
		left: 50%;
		margin-left: -840px;
	}
}

@media screen and (min-width: 1110px) and (max-width: 1200px) {
	#action {
		left: 33.5%;	
	}
}

@media screen and (min-width: 1025px) and (max-width: 1110px) {
	#action {
		left: 33.5%;	
	}
	.sf-menu a span {
		padding-left: 3px;
		padding-right: 3px
	}
	#main {
		left: 9.1%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {	
	.sf-menu {
		margin-left: 5%;
		font-size: 14px	
	}
	.sf-menu li.space {
		margin-left: 0	
	}
	.sf-menu li.home-icon a {
		margin-right: 5px
	}
	.sf-menu a {
		padding-left: 0;
		padding-right: 0;
	}
	.sf-menu #test a span {
		background: rgb(41,8,0); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MDgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjMzQwYjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiM0YTEwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiM1NjEyMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzUxZTA5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  rgba(41,8,0,1) 0%, rgba(52,11,0,1) 4%, rgba(74,16,0,1) 8%, rgba(86,18,1,1) 13%, rgba(117,30,9,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,8,0,1)), color-stop(4%,rgba(52,11,0,1)), color-stop(8%,rgba(74,16,0,1)), color-stop(13%,rgba(86,18,1,1)), color-stop(100%,rgba(117,30,9,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(41,8,0,1) 0%,rgba(52,11,0,1) 4%,rgba(74,16,0,1) 8%,rgba(86,18,1,1) 13%,rgba(117,30,9,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(41,8,0,1) 0%,rgba(52,11,0,1) 4%,rgba(74,16,0,1) 8%,rgba(86,18,1,1) 13%,rgba(117,30,9,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(41,8,0,1) 0%,rgba(52,11,0,1) 4%,rgba(74,16,0,1) 8%,rgba(86,18,1,1) 13%,rgba(117,30,9,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(41,8,0,1) 0%,rgba(52,11,0,1) 4%,rgba(74,16,0,1) 8%,rgba(86,18,1,1) 13%,rgba(117,30,9,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#290800', endColorstr='#751e09',GradientType=0 ); /* IE6-8 */
		border: 1px solid #a63414
	}
}

@media screen and (max-width: 767px) {
	#mobnav-btn {
        display: block;
		width: 100%;
		margin: 0;
		padding: 12px 40px 
    }
    .mobnav-subarrow {
        display: block;
        background-color: #440F03;
        border-top: 1px solid black;
        height: 20px;
		line-height: 18px;
        width: 30px;
		color: #fff;
		text-align: center;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
		z-index: 999;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
        width: 87.3%!important;
        display: none;
		margin-left: 6.5%;
		background: #81220c;
		font-size: 14px;
		border: 1px solid #611908;
		box-shadow: inset 0 0 1px #aa280a;
		padding: 10px 0
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
		padding: 0
    }
	.sf-menu li.space {
        margin-left: 0
    }
	.sf-menu li.home {
		border-top: 1px solid #4b0700
	}
	.sf-menu li.last {
		border-bottom: 1px solid #9d2a0f;
	}
    .sf-menu li a {
        float: none!important;
		padding: 5px 0;
		border-top: 1px solid #9d2a0f;
		border-bottom: 1px solid #4b0700
    }
	.sf-menu li a:hover {
		background: #671400
	}
	.sf-menu a span, .sf-menu a:hover span {
		background: none;
		border: 0	
	}
    .sf-menu ul {
        position:static!important;
        display: none!important;
		border: none!important;
		background: none!important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0 10px
    }
	.sf-menu ul a {
		border-top: 1px solid #9d2a0f!important;
		border-bottom: 1px solid #4b0700!important;
	}
    .xpopdrop ul {
        display: block!important;
    }
	
	#slide blockquote {
		font-size: 20px;
		margin: 0;
		line-height: 24px
	}
	#slide blockquote footer {
		font-size: 16px	;
	}
	
	#main {
		left: 9.2%;
	}
}

@media screen and (max-width: 500px) {
	#logo {
		width: 200px	
	}
	.sf-menu {
        width: 88.7%!important;
		margin-left: 5.7%;
    }
	#slide {
		display: none	
	}
	#content img {
		float: none;
		width: 97%
	}
}

@media screen and (max-width: 400px) {
	
}