/**

 *

 * -------------------------------------------

 * Tablet CSS file

 * -------------------------------------------

 * 

 **/

 

/*

 *

 * 10. Tablet code

 *

 *

------------------------------------ */

 

/* 10.1. Base elements

==================================== */ 
#gk-head .gk-page, body.home header .gk-page {
    width: 100% !important; max-width: 100%; padding: 0 40px 0 0 !important;
}
.carousel-inner .item {max-height: 100%;}
#testimonialCarousel .item {padding: 0 !important;}
#testimonialCarousel:before, #testimonialCarousel:after {display: none;}
.home-box {margin-bottom: 15px;}
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small {width: 100% !important; max-width: 100%}

section#contact.no-pad {padding-bottom: 40px !important;}
.gform_wrapper {max-width: 100%;}

#home-help .main-header > div, #home-help .main-header > div {height: auto; text-align: center}
#home-boxes .gk-page {max-width: 600px;}
.home-box {margin-bottom: 15px;}
@media (max-width: 768px) {
#home-boxes .gk-page {max-width: 350px;}
}

#gk-mainbody section#home-help  > div.gk-page {max-width: 535px;}
div.gallery-boot {margin-bottom: 40px !important;}
#gk-mainbody section#home-help  > div > div, #home-help .main-header > div {height: auto;}
#gk-mainbody section#home-help {padding: 40px 0; height: auto; background-position: top !important; padding-top: 370px;}
#home-help .main-header {text-shadow: 1px 1px 1px #000;}
#home-help .main-header > div, #gk-mainbody section#home-help  > div > div, #home-help .main-header > div {display: block;}
.imagethumb img{height: auto;}
.help-box {padding-bottom: 20px;}
.help-box > div {max-width: 100%; height: auto}
#gk-top .box {max-height: 200px;}

#gk-top {max-height: 500px;}

.home #gk-top .box {max-height: 500px;}

#main-menu > li.active > a, #main-menu > li.current-menu-item > a, #main-menu > li.current_page_item > a, #main-menu > li.current-menu-ancestor > a, #main-menu > li.current-menu-parent > a {border-bottom: 0;}

.gk-page {padding: 0 20px;}

#main-menu {margin-top: 0;}

#gk-header {

	margin: 0 -10px!important;

}

.widget-area .col3, #gk-bottom .box  {width: 100%; padding: 10px 0; border-bottom: 1px solid #fff; float: none;}

#gk-mainbody-bottom img {

margin: 0 0 .5% 0 !important;

height: auto;}

/* sidebar */

#gk-mainbody-columns {

	display: block;

}



#gk-mainbody-columns > section,

#gk-mainbody-columns > aside {

	display: block;

	overflow: hidden;

	width: 100%!important;

}



/* Archive page */

.archivepage .widget.first {

	margin-right: 2%;

	margin-left: 0!important;

}



.archivepage .widget.first,

.archivepage .widget.first + .widget {

	margin-right: 0;

	margin-left: 2%;

	width: 48%;

}



.archivepage .widget.last {

	margin: 0;

	width: 100%;

}



/* images fix */

#gk-mainbody img {

	height: auto!important;

	max-width: 100%!important;

}



/* column rules */

#gk-sidebar .box {

	float: left!important;

	width: 50%!important;

}



.widget-area .col1 { width: 100%; }

.widget-area .col2 { width: 50%; }

.widget-area .col3 { width: 33.3%; }

.widget-area .col4 { width: 50%; }

.widget-area .col5 { width: 33.3%; }

.widget-area .col6 { width: 33.3%; }



.widget-area .box.last1 { width: 100%; }

.widget-area .box.last2 { width: 50%; }

.widget-area .box.last3 { width: 33.3%; }

.widget-area .box.last4 { width: 50%; }

.widget-area .box.last5 { width: 33.3%; }



.widget-area .nth1 {

	clear: both;

}



.widget-area .col6.last5.nth4,

.widget-area .col6.last5.nth5 {

	width: 50%;

}



/* 10.2. Header elements

==================================== */

.gk-big-header {

	font-size: 56px!important;

	line-height: 1.4!important;

	margin-top: 10px!important;

}



.gk-small-header {

	font-size: 16px!important;

}



.gk-buttons {

	padding: 30px 0!important;

}



.gk-blue-button,

.gk-yellow-button {

	font-size: 18px!important;

	font-weight: 300!important;

	height: 32px!important;

	line-height: 33px!important;

	margin-left: 16px!important;

	padding: 0 24px!important;

}



.gk-medium-header {

	font-size: 24px!important;

}



/* 10.3. Other elements

==================================== */



.gk-demo-content {

	float: none;

	margin: 0 auto!important;

	max-width:360px;

	width: 100%;

}



.gk-columns > div {

	padding: 0 6px;

}



/* 10.4. Main menu elements

==================================== */ 



#gk-mainmenu-toggle {
   /* background: transparent url(../images/mobile_menu_btn.png) no-repeat 0 0;*/
    display: block;
    float: right;

    margin-top: 5px;

    position: absolute;
    z-index: 999999;
    right: 5px;
    top: 0; color: #fff; font-size: 28px;
}




#gk-mainmenu-collapse {

	clear: both;

	margin-bottom: 10px;

	width: 100%;	

}



#gk-mainmenu-collapse.menu-hidden {

	height: 0px!important;

	overflow: hidden!important;

}



#gk-mainmenu-collapse.menu-hide {

	overflow: hidden!important;

}



#gk-mainmenu-collapse.menu-visible {

	min-height: 67px!important;

	overflow: hidden!important;

}



#main-menu {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	float: none;

}



#main-menu ul,

#main-menu ul ul,

#main-menu ul ul ul,

#main-menu .sub-menu {

	border: none!important;

	-webkit-box-shadow: none!important;

	-moz-box-shadow: none!important;

	-ms-box-shadow: none!important;

	-o-box-shadow: none!important;

	box-shadow: none!important;

	-webkit-box-sizing: border-box!important;

	-moz-box-sizing: border-box!important;

	-ms-box-sizing: border-box!important;

	-o-box-sizing: border-box!important;

	box-sizing: border-box!important;

	display: block!important;

	float: none!important;

	height: auto!important;

	margin: 0!important;

	opacity: 1.0!important;

	position: static!important;

	visibility: visible!important;

	width: 100%!important;

}



#main-menu .sub-menu:before {

	display: none!important;

}



#main-menu li {

	border: none!important;

	display: block;

	float: none!important;

	min-height: 28px!important;

	line-height: 28px!important;

	width: 100%;

}



#main-menu li a {

	border-top: 1px solid #e5e5e5!important;

	display: block!important;

	font-size: 13px!important;

	height: 28px!important;

	line-height: 28px!important;

	padding: 0 0 0 15px!important;

	-webkit-transition: background-color .3s ease-out;

	-moz-transition: background-color .3s ease-out;

	-ms-transition: background-color .3s ease-out;

	-o-transition: background-color .3s ease-out;

	transition: background-color .3s ease-out;

}



#main-menu > li:first-child > a {

	border-top: none!important;

}



#main-menu li li a {

	font-size: 12px!important;

	padding: 0 0 0 30px!important;

}



#main-menu li li li a {

	font-size: 11px!important;

	padding: 0 0 0 45px!important;

}



#main-menu li a:hover,

#main-menu .sub-menu li a:hover  {

	background: #f9f9f9!important;

}



#main-menu .sub-menu li {

	border-top: none!important;

}



#main-menu > li.haschild:after,

#main-menu > li li.haschild:after {

	display: none!important;

}



/* 10.5. Footer

==================================== */ 



#footer-menu {

	border-bottom: 1px solid #e5e5e5;

	margin: -10px 0 10px 0;

	width: 100%;
	

}



#footer-menu li {

	float: none!important;

	text-align: center;

	width: 100%;

}



.gk-copyrights {

	text-align: center;

	width: 100%;

}



#gk-top-link {

	display: block;

	margin: 0!important;

	text-align: center;

}



#gk-footer .gk-framework-logo {

	padding-top: 32px!important;

} 



/* 10.6. Device classes

==================================== */



.onlyDesktop {

	display: none!important;

}



.onlyTablets {

	display: block!important;

}



.onlySmartphones {

	display: none!important;

}



.onlyTabltetsAndSmartphones {

	display: block!important;

}



/* 10.7. Responsive tables

==================================== */



@media (max-width: 600px) {

	article section table {

		border: 1px solid #eee;

		border-bottom: none;

		max-width: 100%!important;

		width: 100%!important;

	}

	

	article section table thead {

		display: none;

	}

	

	article section table td {

		border-top: 1px solid #eee;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		clear: both;

		display: block;

		float: right;

		padding: 5px 0 5px 50%;

		position: relative;

		width: 100%;

	}

	

	article section table td:first-child {

		border-top: none;

	}

	

	article section table tbody tr {

		border-bottom: 2px solid #eee;

	}

	

	article section table td span.gk-table-label {

		display: block;

		font-size: 95%;

		font-weight: bold;

		left: 5px;

		position: absolute;

	}

}



/* 10.7. RTL Support

==================================== */



html[dir="rtl"] .archivepage .widget.first {

	margin-right: 0;

	margin-left: 2%!important;

}



html[dir="rtl"] .archivepage .widget.first,

html[dir="rtl"] .archivepage .widget.first + .widget {

	margin-right: 2%;

	margin-left: 0;

}



html[dir="rtl"] #gk-sidebar .box {

	float: right!important;

}



html[dir="rtl"] #gk-mainmenu-toggle {

	float: left;

}



html[dir="rtl"] #main-menu li a {

	padding: 0 15px 0 0!important;

}



html[dir="rtl"] #main-menu li li a {

	padding: 0 30px 0 0!important;

}



html[dir="rtl"] #main-menu li li li a {

	padding: 0 45px 0 0!important;

}



/* Responsive Tables RTL Support */

@media (max-width: 600px) {

	html[dir="rtl"] article section table td {

		float: left;

		padding: 5px 50% 5px 0;

	}

	

	html[dir="rtl"] article section table td span.gk-table-label {

		left: 0;

		right: 5px;

	}

}
#main-menu {text-align: center;}
#main-menu .sub-menu {text-align: center;}