/*
#------------------------------------------------------------------------
# Bluap - June Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
 
@media (max-height: 768px) and (max-width: 1024px) {
	body {
		background: #e3e3e3 url('../images/bg_small_tablet.jpg') no-repeat center top;
		background-size: cover!important;
	}
}
 
.itemContainer .itemsContainerWrap,
.itemsContainer .itemsContainerWrap {
	margin: 0!important;	
}

.itemContainer,
.itemsContainer {
	clear: both;
	width: 100%!important;
}

#gkInset,
#gkContentWrap {
	width: 100%!important;
}

#gkInset {
	margin-top: 14px!important;
	padding: 0!important;
}

#k2Container article header h2 {
	font-size: 32px;
	line-height: 32px;
}
.demo-typo-col2,
.demo-typo-col3,
.demo-typo-col4 {
	clear: both;
	float: none;
	width: 100%;
}

article header h1, 
article header h2 {
	font-size: 32px;
}

/* Intro */
.gkIsWrapper-gk_creativity .figcaption h1 {
	font-size: 40px;
	font-weight: 300;
	line-height: 1.0;
	margin: 48px auto 0 auto;
	max-width: 600px;
}

.gkIsWrapper-gk_creativity .figcaption h2 {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 auto;
	max-width: 600px;
}

/* Other elements */
.gkTeam.col4 figure { 
	width: 48%; 
}

.gkTeam figure {
	margin-bottom: 2%;
}

.gkTestimonial.col4 { 
	width: 50%; 
}

.gkPriceTable dl {
	padding: 20px 10px;
}

.gkPriceTable dt {
	font-size: 16px;
}

.gkPriceTable dl dd.gkPrice {
	font-size: 32px;
}

.gkPriceTable dd a {
	margin: 10px 0;
	padding: 0 20px;
}

.breadcrumbs > ul > li {
	font-size: 16px!important;
	line-height: 1.0;
}

.breadcrumbs li.separator {
	padding: 0 5px!important;
}

.latestView {
	margin: 0!important;
}

.gkIsWrapper-gk_bluap .figcaption h2 {
	font-size: 25px;
	line-height: 34px;
	margin: 0px 0 20px 0;
}

.gkIsWrapper-gk_bluap .figcaption p {
	font-size: 16px;
	padding: 5px 0;
}

.gkIsWrapper-gk_bluap .figcaption a.button {
	margin: 16px auto 10px auto;
	padding: 0 16px;
}

.gkIsWrapper-gk_bluap .figcaption a.button i[class^="icon-"] {
	margin-left: -8px;
}

.icon-big {
	font-size: 48px;
	margin-right: 10px;
}

.box.bigger-text {
	font-size: 15px;
}

.box.bigger-text strong {
	font-size: 16px;
}

#gkPageContent {
	padding: 60px 30px 0 30px;
}

.gkDesc {
	font-size: 15px;
}

.gkHeader {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: -1px;
	margin: 24px 0 12px 0;
}

.gkTogglers {
	padding: 0 12px;
}

.gkTogglers dt {
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	margin: 0 -10px;
	padding: 12px 14px 10px 16px;
}

.gkTogglers dt:before {
	left: -5px;
}

.box.bigtitle .header {
	font-size: 34px;
}

.box.bigtitle .header small {
	font-size: 15px;
}

#gkBottom1.gkSingleModule .box.bigspaces, 
#gkBottom2.gkSingleModule .box.bigspaces, 
#gkBottom3.gkSingleModule .box.bigspaces, 
#gkBottom4.gkSingleModule .box.bigspaces {
	padding-top: 40px!important;
}


div[data-mobile-width="30"],
address[data-mobile-width="30"] { width: 30%; }
div[data-mobile-width="35"],
address[data-mobile-width="35"] { width: 35%; }
div[data-mobile-width="40"],
address[data-mobile-width="40"] { width: 40%; }
div[data-mobile-width="45"],
address[data-mobile-width="45"] { width: 45%; }
div[data-mobile-width="50"],
address[data-mobile-width="50"] { width: 50%; }
div[data-mobile-width="55"],
address[data-mobile-width="55"] { width: 55%; }
div[data-mobile-width="60"],
address[data-mobile-width="60"] { width: 60%; }
div[data-mobile-width="65"],
address[data-mobile-width="65"] { width: 65%; }
div[data-mobile-width="70"],
address[data-mobile-width="70"] { width: 70%; }


#gkBottom5.gkSingleModule .box.bigspaces, 
#gkBottom6.gkSingleModule .box.bigspaces {
	padding-bottom: 30px!important;
	padding-top: 40px!important;
}

@media (max-width: 640px) {
	div[data-width="30"],
	address[data-width="30"],
	div[data-width="35"],
	address[data-width="35"],
	div[data-width="40"],
	address[data-width="40"],
	div[data-width="45"],
	address[data-width="45"],
	div[data-width="50"],
	address[data-width="50"],
	div[data-width="55"],
	address[data-width="55"],
	div[data-width="60"],
	address[data-width="60"],
	div[data-width="65"],
	address[data-width="65"],
	div[data-width="70"],
	address[data-width="70"],
	div[data-mobile-width="30"],
	address[data-mobile-width="30"],
	div[data-mobile-width="35"],
	address[data-mobile-width="35"],
	div[data-mobile-width="40"],
	address[data-mobile-width="40"],
	div[data-mobile-width="45"],
	address[data-mobile-width="45"],
	div[data-mobile-width="50"],
	address[data-mobile-width="50"],
	div[data-mobile-width="55"],
	address[data-mobile-width="55"],
	div[data-mobile-width="60"],
	address[data-mobile-width="60"],
	div[data-mobile-width="65"],
	address[data-mobile-width="65"],
	div[data-mobile-width="70"],
	address[data-mobile-width="70"] {
		border: none!important;
		float: none!important; 
		margin: 0 auto!important;
		max-width: 320px!important;
		overflow: hidden;
		padding: 15px 0 15px 0!important;
		width: 100%!important; 
	}	
}

@media (max-width: 660px) {
    body #cc-notification h2, 
    body #cc-notification h3, 
    body #cc-notification p {
        font-size: 12px!important;
        margin-bottom:0!important;
        width: 100%!important;
        max-width: 100%!important;
    }

    body #cc-notification h2 span, 
    body #cc-notification h2 {
        font-size: 12px!important;
    }

    body #cc-notification #cc-notification-wrapper {
        padding: 10px 32px 0!important;
    }

    body #cc-notification ul.cc-notification-buttons {
        clear: both!important;
        width: 100%!important;
        position: static!important;
        text-align: center;
    }

    body #cc-notification ul.cc-notification-buttons li {
        float: none!important;
        display: inline-block;
    }

    body #cc-notification a, 
    body #cc-notification a:visited {
        font-size: 12px!important;
    }
}