 /*test2.giganet.hu*/

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

    #wrapper {
      max-width: 960px;
    }
  }

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

    .menu_wrapper {
      padding-left:5px;
      padding-right:5px;
    }
    body.two-sidebars #sidebar-first {
      padding: 5px;
      width: 23%;
    }
    body.two-sidebars #sidebar-second {
      padding: 5px;
      width: 18%;
    }
}    
  @media screen and (max-width: 960px) {

    .content-sidebar-wrap,
    #content,
    #sidebar-first,
    #sidebar-second {
      float: left;
    }

    #sidebar-first {
      clear: both;
    }

    #sidebar-first,
    #sidebar-second,
    #head,
    #foot {
      padding: 0 3.52%;
    }

    #copyright {
      padding: 0 3%;
    }
  }

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

    #content {
      float:none !important;
    }
    .menu_wrapper {
      padding-left:5px;
      padding-right:5px;
    }
  }
  @media screen and (max-width: 640px) {
  
	.flexslider-container{
		margin-top:38px;
	}
    body {
      margin-top: 0;
    }

    #sticky_header {
      display: none !important;
    }
    .menu_wrapper {
      background: none;
    }

    #site-title,
    #site-description {
      float: none;
      margin: 0;  
      line-height: 1.62em;
    }

    #site-title {
      padding-top: 18px;
    }

    #site-description {
      padding-bottom: 18px;
      padding-left: 15px;
    }

    #socialbar {
      float: none;
    }
/*
    #main-menu ul {
      display: none;
    }

    #main-menu li ul {
      position: static;
    }

    #main-menu li ul ul {
      margin: 0 !important;
    }

    #main-menu ul,
    #main-menu li {
      float: none;
      max-width: 100%;
    }

    #main-menu a {
      width: 105%;
      padding: 7px 0;
      color: #fff;
      background:#404040;
	  margin-left:-5px;
	  font-size:13px;
    }

    #main-menu li li a {
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 3% 5%;
    }

    #main-menu li li li a {
      background: rgb(0, 169, 157);
    }

    #main-menu a:hover,
    #main-menu li > a.active {
      background: #3d3d3d;
    }

    #main-menu li:hover > ul,
    #main-menu li li:hover > ul,
    #main-menu li li li:hover > ul {
      display: none;
    }

    .drop-down-toggle {
      display: none;
    }

    #main-menu li li .drop-down-toggle {
      top: 5px;
    }

    #main-menu .nav-toggle {
      display: block;
      font-size: 15px;
      font-weight: bold;
	  margin-bottom:-10px;
    }

    .flex-control-nav li {
      margin: 0 0 0 10px;
    }

    .flex-control-nav li:first-child {
      margin: 0;
    }
*/
    #slider .entry-container {
      position: absolute;
      left: 4%;
      bottom: 6.3%;
    }

    #slider .entry-header,
    #slider .entry-summary {
      margin: 0;
    }

    #slider .entry-title {
      margin-bottom: 0;
    }

    #slider .entry-title a,
    #slider .entry-summary {
      display: inline-block;
      padding: 1% 3%;
      background: rgba(255, 255, 255, 0.75);
    }

    #slider .entry-summary {
      max-width: 61.8%;
    }

    #slider .entry-summary p {
      max-height: 84px;
      overflow: hidden;
    }

    #slider .slide-image {
      float: none;
      display: block;
      max-width: 100%;
      padding: 0;
      margin: 0;
      box-shadow: none;
    }

    .content-sidebar-wrap,
    #sidebar-first,
    #sidebar-second {
      float: none;
      width: auto;
    }

    .content-sidebar-wrap #content {
      float: left;
      width: auto;
    }

    #sidebar-first .block,
    #sidebar-second .block,
    #footer-area .column,
    #top-area .column {
      float: none;
      width: auto !important;
      margin-left: 0;
    }

    #sidebar-first {
      clear: both;
    }

    #footer-area .column,
    #top-area .column {
      margin: 10px 0;
    }

    .copyright,
    .credits {
      float: none;
      text-align: left;
    }

    #copyright{
      padding: 0 3%;
    }

    #footer-area .column, #top-area .column{
      padding: .5em;
    }
}
	@media (max-width:762px){
	#main-menu ul {
      display: none;
    }

    #main-menu li ul {
      position: static;
    }

    #main-menu li ul ul {
      margin: 0 !important;
    }

    #main-menu ul,
    #main-menu li {
      float: none;
      max-width: 100%;
    }

    #main-menu a {
      width: 103%;
      padding: 10px 0;
      color: #fff;
      background:#404040;
	  margin-left:-5px;
    }

    #main-menu li li a {
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 3% 5%;
    }

    #main-menu li li li a {
      background: rgb(0, 169, 157);
    }

    #main-menu a:hover,
    #main-menu li > a.active {
    }

    /*#main-menu li:hover > ul,
    #main-menu li li:hover > ul,
    #main-menu li li li:hover > ul {
      display: none;
    }*/

    .drop-down-toggle {
      display: block;
    }

    #main-menu li li .drop-down-toggle {
      top: 5px;
    }

    #main-menu .nav-toggle {
      display: block;
      font-size: 15px;
      font-weight: bold;
	  margin-bottom:-6px;
    }
	
	.front #main-menu .nav-toggle {
	border:none;
	}

    .flex-control-nav li {
      margin: 0 0 0 10px;
    }

    .flex-control-nav li:first-child {
      margin: 0;
    }
}
	@media (max-width:640px){
		#main-menu .nav-toggle{
		border-bottom:5px solid #7ab02e;
		}
	}
    @media screen and (max-width: 440px) {

      input.form-text, select.form-select {
        width: 93%;
      }
      textarea.form-textarea {
        width: 100%
      }
    }
    
    .block > h2 {
      font-size: 18px;
    }
 
@media (min-width:700px){
.col-sm-4{
	float:left;
	max-width:254px;
}
}
@media (min-width:945px){
.kiegeszito{
	float:left;
	max-width:254px;
}
}
@media (min-width:680px)and (max-width:944px){
.kiegeszito{
	float:left;
	max-width:100px;
}
}
@media (min-width:680px){
	.container_onlineufsz{
	margin-left:18%;
	}
}
@media (min-width:700px)and (max-width:991px){
.col-sm-10 {
	margin-top:15px;
}
}
@media (min-width:1005px;){
.col-sm-4 {
	padding-left:15px;
}
}
@media (min-width:1005px;){
.kiegeszito {
	padding-left:15px;
}
}
@media screen and (max-width: 980px) {
	
	.pagewrap {
		width: 94%;
	}
	#content1 {
		width: 41%;
		padding: 1% 4%;
	}
	#middle1 {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	#content2 {
		width: 41%;
		padding: 1% 4%;
	}
	#middle2 {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar1 {
		clear: both;
		padding: 1% 4%;
		width: auto;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content1 {
		width: auto;
		float: none;
	}
	
	#middle1 {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	#content2 {
		width: auto;
		float: none;
	}
	
	#middle2 {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar1 {
		width: auto;
		float: none;
	}

}
@media (max-width:640px){
	.col-sm-10{
	float:none;
	}
	.region.region-footer-second{
	margin-top:15px;
	}
	.col-sm-11{
	}
}
@media (min-width:641px){
	.col-sm-10 {
	float:left;
}
	div#block-block-12{
	margin-left:86px;
	}
	div#block-block-13{
	margin-left:38px;
	}
	#main-menu ul {
	}
	.flexslider-container{
		margin-top:29px,
	}
}
@media (min-width:840px){
.front #middle {
  
  background: url('/content/pages/basic/usz_hatter.png') center bottom;
  /* background: url('/content/pages/basic/bg_new.png') repeat-x center top;*/
  /*
  background: url('/content/pages/basic/giganet_snow.png') repeat-x bottom right;*/
  margin-top:-29px;
}
}
@media (min-width:700px)and (max-width:839px){
.front #middle {
  background: url('/content/pages/basic/bg_new_mid.png') repeat-x center top;
  margin-top:-29px;
}
}
@media (max-width:699px){
.front #middle {
  background: url('/content/pages/basic/bg_small.png') repeat-x center top;
  margin-top:-19px;
}
}
@media (min-width:992px){
#giganet_mail_login {
	width: 560px;
	margin-top: 59px;
}
}
@media (max-width:991px){
#giganet_mail_login {
	margin-top: 59px;
	margin-left:-110px;
}
}
@media (min-width:767px){
	#smail {
	display:none;
}
#giganet_mail_login #mail {
    margin-top: 12px;
}
}
@media (min-width:642px)and (max-width:766px){
#giganet_mail_login #mail{
margin-left:44%;
}
}
@media (max-width:766px){
#giganet_mail_login #webmail,
#giganet_mail_login #email,
#giganet_mail_login #submit,
#giganet_mail_login #password {
  display:none;
}
}
@media (max-width:766px){
	#giganet_mail_login #mail{
	position:absolute;
	margin-top:10px;
}
}
@media (max-width:640px){
	.not-front #middle{
	background-image:none;
	}
}
@media (max-width:976px)and (min-width:700px){
	.col-sm-4{
	width:25%;
	}
}
@media (max-width:944px)and (min-width:700px){
	.kiegeszito{
	width:25%;
	}
}
@media (max-width:699px){
	.front #middle{
	margin-top:-33px;
	}
}
@media (max-width:976px){
	.whole{
	margin-bottom:15px;
	}
}

@media (max-width:640px){
	.second-nav{
	margin-bottom:-45px;
	}
	#main-menu{
	margin-bottom:-10px;
	}
}
@media (min-width:641px)and (max-width:800px){
	.second-nav{
	margin-bottom:-60px;
	}
}
@media (min-width:801px){
	.second-nav{
	margin-bottom:-90px;
	}
}
@media (min-width:700px)and (max-width:780px){
	.title{
	margin-top:-73px;
	}
}
@media (min-width:781px){
	.title {
	margin-top:-87px;
	}
}
@media (min-width:781px){
	.title{
	margin-top:-78px;
	}
}
@media (min-width:521px){
	.row{
	margin-top:-100px;
	}
}
@media (max-width:520px){
	.row{
	margin-top:-50px;
	}
}
@media (min-width:762px)and (max-width:982px){
	#main-menu a{
	padding:8px 16px;
	font-size:12px;
	}
}
@media (min-width:983px){
	#main-menu a{
	padding:8px 26px;
	font-size:14px;
	}
}
@media (max-width:699px){
div#ip_circle {
	margin-bottom:8%;
}}
@media (max-width:550px){
div#super {
	float:left;
}}
@media (min-width:990px){
	#content1{
		margin-right:6%;
	}
	#content2{
		margin-right:6%;
	}
	#middle1{
		margin-bottom:4%;
	}
}
@media (min-width:570px){
	#edc {
		margin-top:-170px;
		margin-bottom:-4%;
}
}
@media (max-width:569px){
	#edc {
		margin-top:0px;
}
}
@media (min-width:390px)and (max-width:677px){
	#elerheto_szolgaltatas{
		height:160px;
	}
}

@media (min-width:390px)and (max-width:677px){
	#elerheto_szolgaltatas{
		height:125px;
	}
}

@media (max-width:389px){
	#elerheto_szolgaltatas{
		height:160px;
	}
}

@media (min-width:980px){
	.col-sm-4{
		padding-right:19px;
	}
}
