/*---------------------------------------------------------------
# Package - Stools Framework  
# ---------------------------------------------------------------
# Author - joomlatd http://www.joomlatd.com
# Copyright (C) 2008 - 2018 joomlatd.com. All Rights Reserved. 
# Websites: http://www.joomlatd.com
-----------------------------------------------------------------*/


/* Large desktop */
@media (min-width: 1200px) {
#logo{display:block;position:absolute;top:0;left:0;background-color:var(--color-white);box-shadow:var(--hover-shadow);padding:30px 15px;z-index:9;text-align:center}

a#logo,#logo-text,a#logom {
    top: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    box-shadow: 0 8px 21px 0 rgba(0,0,0,.1);
    max-width: 500px;
    height: 100%;
    min-height: 96px;
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
    max-height: none;
    width: auto;
}

a#logo:before{position:absolute;content:"";left:0;right:0;width:100%;height:100%;background-color: #fff;z-index:-1;top:0}a#logo:after{position:absolute;content:"";top:100%;left:0;width:0;height:0;filter:drop-shadow(0px 8px 21px rgba(0,0,0,.1));z-index:-2}

}
 
/* Tablet landscape and desktop */
@media (min-width: 960px) and (max-width: 1220px) { 
#logo{display:block;position:absolute;top:0;left:0;background-color:var(--color-white);box-shadow:var(--hover-shadow);padding:30px 15px;z-index:9;text-align:center}

a#logo,#logo-text,a#logom {
    top: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    box-shadow: 0 8px 21px 0 rgba(0,0,0,.1);
    max-width: 500px;
    height: 100%;
    min-height: 96px;
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
    max-height: none;
    width: 100%;
}

a#logo:before{position:absolute;content:"";left:0;right:0;width:100%;height:100%;background-color: #fff;z-index:-1;top:0}a#logo:after{position:absolute;content:"";top:100%;left:0;width:0;height:0;filter:drop-shadow(0px 8px 21px rgba(0,0,0,.1));z-index:-2}

}
 
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 959px) { 
	#ju-top-menu{display:none}
	#ju-bookmarks{float:left!important}
	#ju-banner {width:320px}
	.logo-wraper{ text-align: center; }
	input#mod-search-searchword {
		width:120px;
	}
	
	.tabs_buttons ul.tabs_container li.tab {
		padding:0 10px!important;
	}
	
	#ju-info { margin-left: 0px !important;}
	span.designed_by {
		display:block;
	}
}
 
/* Phones portrait and landscape  */
@media only screen and ( max-width: 767px ) {
	.ju-base {min-width:280px!important;width:95%!important}
	.logo-wraper{ text-align: center; }
	#ju-info { display:none}
	.text-box.padding-7, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-8, .text-box.padding-9 { padding: 0px !important;}
	#ju-leftcol, #ju-rightcol,#ju-sideleft, #ju-sideright, #ju-maincol, #inner_content, .ju-block, .item {width:100%!important;margin:0!important}
	.ju-block .first, .ju-block .last, .ju-block .single,
	.item .first, .item .last, .item .single	{margin:0px !important}
	.item-inner {padding:10px 0!important}
	#navmenu,#ju-search,#powered-by,#ju-footer-nav {display:none!important}
	#ju-footer {text-align:center}
	#ju-footer .cp {float:none!important}
	span.designed_by {display:block}
	select.select-menu {width:100%}
	#ju-mmenu {display:block!important;margin:0}
	
	#ju-top-menu, #ju-banner{display:none}
	#ju-bookmarks{float:left!important}
	
	/*smart slider*/
	div.nivo-caption{display:none!important}
	
	/*K2*/
	div.subCategory a.readmore {top:25px}
	div.subCategory h2{font-size:20px!important}
	div.itemToolbar ul li.itemPrintLink, div.itemToolbar ul li.itemEmailLink, div.itemToolbar ul li.itemTextResize {margin:0!important}
	
	/*Templates*/
	.border{margin-bottom:10px}
	a#pagetop{float:none!important}	
}
@media (min-width: 568px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 940px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}