/**
 *
 * -------------------------------------------
 * Small Tablet CSS file
 * -------------------------------------------
 * 
 **/
 
/*
 *
 * 12. Small Tablet code
 *
 *
------------------------------------ */
 
/* 12.1. Base elements
==================================== */ 
body {
	font-size: 14px;
}

#gk-mainbody article > header h1, 
#gk-mainbody article > header h2 {
	font-size: 26px;
}

h2,
.page-title {
	font-size: 32px;
}

#gk-mainbody-columns {
	padding-bottom: 30px;
	padding-top: 30px;
}

#gk-top,
.custom.gk-header1,
.custom.gk-header2,
.custom.gk-header3,
#gk-mainbody-columns,
#gk-bottom1.gk-single-widget .box, 
#gk-bottom2.gk-single-widget .box, 
#gk-bottom3.gk-single-widget .box, 
#gk-bottom4.gk-single-widget .box, 
#gk-bottom5.gk-single-widget .box, 
#gk-bottom6.gk-single-widget .box, 
#gk-bottom7.gk-single-widget .box, 
#gk-bottom8.gk-single-widget .box,
.box.newsletter,
#gk-footer,
#comments,
#gk-breadcrumb-area,
#gk-bottom1,
#gk-bottom2,
#gk-bottom3,
#gk-bottom4,
#gk-bottom5,
#gk-bottom6,
#gk-bottom7,
#gk-bottom8 {
	padding-left: 20px!important;
	padding-right: 20px!important;
}
#gk-top1 .box.imagebg, 
#gk-top2 .box.imagebg,
.gk-bottom .box.imagebg,
#gk-bottom1.gk-single-widget > div, 
#gk-bottom2.gk-single-widget > div, 
#gk-bottom3.gk-single-widget > div, 
#gk-bottom4.gk-single-widget > div, 
#gk-bottom5.gk-single-widget > div, 
#gk-bottom6.gk-single-widget > div, 
#gk-bottom7.gk-single-widget > div, 
#gk-bottom8.gk-single-widget > div,
#comments {
	margin-left: -20px!important;
	margin-right: -20px!important;
}

.frontpage #gk-mainbody,
#gk-bottom1.gk-single-widget .box, 
#gk-bottom2.gk-single-widget .box, 
#gk-bottom3.gk-single-widget .box, 
#gk-bottom4.gk-single-widget .box, 
#gk-bottom5.gk-single-widget .box, 
#gk-bottom6.gk-single-widget .box, 
#gk-bottom7.gk-single-widget .box, 
#gk-bottom8.gk-single-widget .box,
.page-template-template-frontpage-php .box.light-color-bg,
.page-template-template-frontpage-php .box.color-bg {
	padding-top: 40px!important;
	padding-bottom: 40px!important;
}

.page-template-template-frontpage-php .box.light-color-bg,
.page-template-template-frontpage-php .box.color-bg {
	margin: 0!important;
	margin-left: -20px!important;
	margin-right: -20px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}

.page-template-template-frontpage-php #gk-mainbody-columns .gk-bottom,
.page-template-template-frontpage-php #gk-mainbody-columns .gk-bottom:nth-child(7) {
	padding: 40px 0 0;
}

.page-template-template-frontpage-php #gk-mainbody-columns .gk-bottom:nth-child(2) {
	padding: 100px 0;
}

.page-template-template-frontpage-php #gk-mainbody-columns .gk-bottom:last-child {
	padding-bottom: 40px;
}

.has-header #gk-top > h1,
.page-template-template-frontpage-php #gk-top > h1,
#gk-top > h1 {
	left: 0;
}

.gk-header1 h1 {
	font-size: 28px;
}

.gk-header1 p {
	font-size: 14px;
}

.box.bigtitle .box-title,
.box.bigtitle h3 {
	font-size: 24px;
}

.box.imagebg h3 {
	bottom: 0;
	font-size: 24px;
	left: 20px;
	padding: 20px;
}

.box.centered p + p > img {
	margin: 30px 0 20px 0;
}

.gk-columns {
	margin: 0 -10px;
}

.gk-columns > div,
.gk-columns > blockquote {
	padding: 0 10px!important;
}

.gk-columns[data-column-count="4"] > div, 
.gk-columns[data-column-count="4"] > blockquote,
.gk-columns[data-column-count="5"] > div, 
.gk-columns[data-column-count="5"] > blockquote {
	width: 50%;
}

.gk-columns.margin-top, 
.gk-columns.testimonials {
	margin-top: 60px!important;
}

.gk-columns p {
	font-size: 13px;
}

.box.image-right .textwidget > img,
.box.image-left .textwidget > img  {
	max-width: 30%;
}

.box.image-right .textwidget > div {
	width: 60%;
}

.gk-point p {
	font-size: 13px;
}

.gk-list li {
	font-size: 14px;
	line-height: 50px;
	margin-left: 60px;
}

.box .gk-list li:before {
	left: -60px!important;
	top: 6px!important;
}

.box.centered p > .button {
	margin: 10px 0;
}

.box.image-left .textwidget > div {
	width: 55%;
}

.custom.gk-header2 {
	padding-bottom: 150px;
}

.box.color-bg h1, 
.box.color-bg h2, 
.box.color-bg h3, 
.box.color-bg h4, 
.box.color-bg h5, 
.box.color-bg h6 {
	font-size: 24px;
	margin-bottom: 25px;
}

.color-bg > div > div > small {
	bottom: 20px;
}

.box.image-right .gk-columns {
	margin-top: 40px;
}

.gk-columns + .button {
	margin-top: 10px;
}

#gk-footer {
	padding-bottom: 50px;
	padding-top: 50px;
}

.gk-price-table dd{
	font-size: 13px;
}

.gk-desc {
	font-size: 15px;
}

#gk-breadcrumb-area {
	padding-top: 20px;
	padding-bottom: 22px;
}

.gk-breadcrumbs a,
.gk-breadcrumbs span,
.gk-breadcrumbs > a:before,
.gk-breadcrumbs > span:before {
	font-size: 14px;
}

article header ul li {
	font-size: 13px!important;
}

.gk-columns-3 .gk-column,
.gk-columns-2 .gk-column {
	padding: 0;
	width: 100%;
}

#gk-contact input[type="text"] {
	width: 94%;
}

.gk-article-info {
	width: 25%;
}

.gk-article-info + .gk-article-body {
	width: 70%;
}

.gk-article-body header > h2 {
	font-size: 26px;
}