/* == Tablet (Full size) == */
@media only screen and (min-width: 1024px) {
	#adayekrani{ margin-left:15px; min-height:800px}
	#firmaekrani{ margin-bottom:50px; min-height:650px}
	#aday_ozgecmis{ width:65%}
	#logo{ padding:10px}
	#ustmenu{ float:right; padding-top:50px; padding-right:40px; text-align:right}

}

/* == Tablet (Full size) == */
@media only screen and (max-width: 1024px) {
	
	#aday_ozgecmis{ width:95%}

} 
/* == Tablet (Smaller than 959px) == */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #content-left #sidebar .widget-wrap{padding-right:0}
  #content-right #sidebar .widget-wrap{padding-left:0}
  #content-left .content-box {padding-left:0}
  #content-right .content-box {padding-right:0}
  	#aday_ozgecmis{ width:95%}

}


/* == Ipad == */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .container{width:98%;margin:5px auto}
  #topmenu{display:none}
  #topmenu2{display:none}
  #aramakutusu{display:none}
  #logo{ float:right; width:95%; margin-top:7px; padding-right:15px}
  #mobileclick{display:block; float:left; width:5%; margin-top:20px}
  #mobilemenu{display:block;}
  #arazemin{display:none;}
  .firmagiris{display:none;}
  .usergiris{display:none;}
  .menu-mobile-wrapper{display:block}
  .copyright{width:100%;text-align:center}
  
  #content-left #sidebar .widget-wrap{padding-right:0}
  #content-right #sidebar .widget-wrap{padding-left:0}
  #content-left .content-box {padding-left:0}
  #content-right .content-box {padding-right:0}
  #mainmenu{ height:auto;}
  	#aday_ozgecmis{ width:95%}

}


/* == Phone (portrait 300px) == */
@media only screen and (max-width: 767px) {
  .container{width:98%;margin:5px auto}
  #topmenu{display:none}
  #topmenu2{display:none}
  #aramakutusu{display:none}
  #logo{ float:right; width:95%; margin-top:7px; padding-right:15px}
  #mobileclick{display:block; float:left; width:5%; margin-top:20px}
  #mobilemenu{display:block;}
  #arazemin{display:none;}
  .firmagiris{display:none;}
  .usergiris{display:none;}

  .menu-mobile-wrapper{display:block}
  .copyright{width:100%;text-align:center}
  
  .tabs li,.tabs li a{margin:0;padding:0;float:none;display:block}
  .tabs li{margin-bottom:1px}
  .tabs li a{padding-left:10px}
  
  #content-left #sidebar .widget-wrap{padding-right:0}
  #content-right #sidebar .widget-wrap{padding-left:0}
  #content-left .content-box {padding-left:0}
  #content-right .content-box {padding-right:0}
  #mainmenu{ height:auto;}
  #aday_ozgecmis{ width:95%}
	#logo{ text-align:center}
	#ustmenu{ margin-top:35px; text-align:center}


}	 

/* == Phone (landscape 420px) == */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container{width:98%}
  #topmenu{display:none}
  #topmenu2{display:none}
  #aramakutusu{display:none}
  #logo{ float:right; width:95%; margin-top:7px; padding-right:15px}
  #mobileclick{display:block; float:left; width:5%; margin-top:20px}
  #mobilemenu{display:block;}
  #arazemin{display:none;}
  .firmagiris{display:none;}
  .usergiris{display:none;}
  .menu-mobile-wrapper{display:block}
  .copyright{width:100%;text-align:center}
  	#aday_ozgecmis{ width:95%}
	#logo{ text-align:center}
	#ustmenu{ margin-top:35px; text-align:center}

}
/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
.screen-95 {width: 95%;float: left}
.screen-90 {width: 90%;float: left}
.screen-85 {width: 85%;float: left}
.screen-80 {width: 80%;float: left}
.screen-75 {width: 75%;float: left}
.screen-70 {width: 70%;float: left}
.screen-65 {width: 65%;float: left}
.screen-60 {width: 60%;float: left}
.screen-55 {width: 55%;float: left}
.screen-50 {width: 50%;float: left}
.screen-45 {width: 45%;float: left}
.screen-40 {width: 40%;float: left}
.screen-35 {width: 35%;float: left}
.screen-30 {width: 30%;float: left}
.screen-25 {width: 25%;float: left}
.screen-20 {width: 20%;float: left}
.screen-15 {width: 15%;float: left}
.screen-10 {width: 10%;float: left}
.screen-5 {width: 5%;float: left}
.screen-33 {width: 33.33%;float: left}
.screen-66 {width: 66.66%;float: left}
.screen-100 {width: 100%;clear: both;float: none}
[class*="screen-"], [class*="row"] {margin-top:0;}
.two.columns > .row {width: 50%;float: left}
.three.columns > .row {width: 33.33%;float: left}
.four.columns > .row {width: 25%;float: left}
.five.columns > .row {width: 20%;float: left}
.six.columns > .row {width: 16.66%;float: left}
.seven.columns > .row {width: 14.28%;float: left}
.eight.columns > .row {width: 12.50%;float: left}
.nine.columns > .row {width: 11.11%;float: left}
.ten.columns > .row {width: 10%;float: left}
body.animated *[class*="screen-"] body.animated *[class*="row"] {-webkit-transition-property: width, font-size, line-height;-moz-transition-property: width, font-size, line-height;-o-transition-property: width, font-size, line-height;-ms-transition-property: width, font-size, line-height;transition-property: width, font-size, line-height;-webkit-transition-duration: 125ms;-moz-transition-duration: 125ms;-o-transition-duration: 125ms;-ms-transition-duration: 125ms;transition-duration: 125ms;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-delay: 0;-moz-transition-delay: 0;-o-transition-delay: 0;-ms-transition-delay: 0;transition-delay: 0}
ui grid .columns.gutters>[class*="screen-"], ui grid .columns.gutters>[class*="row"] {padding-left:2em;margin-bottom:2em}
ui grid .columns.small-gutters>[class*="screen-"], ui grid .columns.small-gutters>[class*="row"] {padding-left:1em;margin-bottom:1em}
ui grid .columns.mini-gutters>[class*="screen-"], ui grid .columns.mini-gutters>[class*="row"] {padding-left:.5em;margin-bottom:.5em}
ui grid .columns.horizontal-gutters>[class*="screen-"], ui grid .columns.horizontal-gutters>[class*="row"] {padding-left:2em}
ui grid .columns.small-horizontal-gutters>[class*="screen-"], ui grid .columns.small-horizontal-gutters>[class*="row"] {padding-left:1em}
ui grid .columns.mini-horizontal-gutters>[class*="screen-"], ui grid .columns.mini-horizontal-gutters>[class*="row"] {padding-left:.5em}
ui grid .columns.vertical-gutters>[class*="screen-"], ui grid .columns.vertical-gutters>[class*="row"] {margin-bottom:2em}
ui grid .columns.small-vertical-gutters>[class*="screen-"], ui grid .columns.small-vertical-gutters>[class*="row"] {margin-bottom:1em}
ui grid .columns.mini-vertical-gutters>[class*="screen-"], ui grid .columns.mini-vertical-gutters>[class*="row"] {margin-bottom:.5em}
[class*="screen-"]:empty:after,[class*="row"]:empty:after {content: "\00a0"}
*[class*="screen-"]>*[class*="screen-"] {margin-left: 0}
  

  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
.screen-95 {width: 95%;float: left}
.screen-90 {width: 90%;float: left}
.screen-85 {width: 85%;float: left}
.screen-80 {width: 80%;float: left}
.screen-75 {width: 75%;float: left}
.screen-70 {width: 70%;float: left}
.screen-65 {width: 65%;float: left}
.screen-60 {width: 60%;float: left}
.screen-55 {width: 55%;float: left}
.screen-50 {width: 50%;float: left}
.screen-45 {width: 45%;float: left}
.screen-40 {width: 40%;float: left}
.screen-35 {width: 35%;float: left}
.screen-30 {width: 30%;float: left}
.screen-25 {width: 25%;float: left}
.screen-20 {width: 20%;float: left}
.screen-15 {width: 15%;float: left}
.screen-10 {width: 10%;float: left}
.screen-5 {width: 5%;float: left}
.screen-33 {width: 33.33%;float: left}
.screen-66 {width: 66.66%;float: left}
.screen-100 {width: 100%;clear: both;float: none}
[class*="screen-"], [class*="row"] {margin-top:0;}
.two.columns > .row {width: 50%;float: left}
.three.columns > .row {width: 33.33%;float: left}
.four.columns > .row {width: 25%;float: left}
.five.columns > .row {width: 20%;float: left}
.six.columns > .row {width: 16.66%;float: left}
.seven.columns > .row {width: 14.28%;float: left}
.eight.columns > .row {width: 12.50%;float: left}
.nine.columns > .row {width: 11.11%;float: left}
.ten.columns > .row {width: 10%;float: left}
body.animated *[class*="screen-"] body.animated *[class*="row"] {-webkit-transition-property: width, font-size, line-height;-moz-transition-property: width, font-size, line-height;-o-transition-property: width, font-size, line-height;-ms-transition-property: width, font-size, line-height;transition-property: width, font-size, line-height;-webkit-transition-duration: 125ms;-moz-transition-duration: 125ms;-o-transition-duration: 125ms;-ms-transition-duration: 125ms;transition-duration: 125ms;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-delay: 0;-moz-transition-delay: 0;-o-transition-delay: 0;-ms-transition-delay: 0;transition-delay: 0}
ui grid .columns.gutters>[class*="screen-"], ui grid .columns.gutters>[class*="row"] {padding-left:2em;margin-bottom:2em}
ui grid .columns.small-gutters>[class*="screen-"], ui grid .columns.small-gutters>[class*="row"] {padding-left:1em;margin-bottom:1em}
ui grid .columns.mini-gutters>[class*="screen-"], ui grid .columns.mini-gutters>[class*="row"] {padding-left:.5em;margin-bottom:.5em}
ui grid .columns.horizontal-gutters>[class*="screen-"], ui grid .columns.horizontal-gutters>[class*="row"] {padding-left:2em}
ui grid .columns.small-horizontal-gutters>[class*="screen-"], ui grid .columns.small-horizontal-gutters>[class*="row"] {padding-left:1em}
ui grid .columns.mini-horizontal-gutters>[class*="screen-"], ui grid .columns.mini-horizontal-gutters>[class*="row"] {padding-left:.5em}
ui grid .columns.vertical-gutters>[class*="screen-"], ui grid .columns.vertical-gutters>[class*="row"] {margin-bottom:2em}
ui grid .columns.small-vertical-gutters>[class*="screen-"], ui grid .columns.small-vertical-gutters>[class*="row"] {margin-bottom:1em}
ui grid .columns.mini-vertical-gutters>[class*="screen-"], ui grid .columns.mini-vertical-gutters>[class*="row"] {margin-bottom:.5em}
[class*="screen-"]:empty:after,[class*="row"]:empty:after {content: "\00a0"}
*[class*="screen-"]>*[class*="screen-"] {margin-left: 0}
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
.tablet-95 {width: 95%;float: left}
.tablet-90 {width: 90%;float: left}
.tablet-85 {width: 85%;float: left}
.tablet-80 {width: 80%;float: left}
.tablet-75 {width: 75%;float: left}
.tablet-70 {width: 70%;float: left}
.tablet-65 {width: 65%;float: left}
.tablet-60 {width: 60%;float: left}
.tablet-55 {width: 55%;float: left}
.tablet-50 {width: 50%;float: left}
.tablet-45 {width: 45%;float: left}
.tablet-40 {width: 40%;float: left}
.tablet-35 {width: 35%;float: left}
.tablet-30 {width: 30%;float: left}
.tablet-25 {width: 25%;float: left}
.tablet-20 {width: 20%;float: left}
.tablet-15 {width: 15%;float: left}
.tablet-10 {width: 10%;float: left}
.tablet-5 {width: 5%;float: left}
.tablet-33 {width: 33.33%;float: left}
.tablet-66 {width: 66.66%;float: left}
.tablet-100 {width: 100%;clear: both;float: none}
.two.columns > .row {width: 100%;}
.three.columns > .row,.four.columns > .row {width: 50%;}
.five.columns > .row,.six.columns > .row,.seven.columns > .row {width: 33%;}
.eight.columns > .row,.nine.columns > .row,.ten.columns > .row {width: 25%;}
 [class*="tablet-"], [class*="row"] {margin-top:0;}
body.animated *[class*="tablet-"],body.animated *[class*="row"] {-webkit-transition-property: width, font-size, line-height;-moz-transition-property: width, font-size, line-height;-o-transition-property: width, font-size, line-height;-ms-transition-property: width, font-size, line-height;transition-property: width, font-size, line-height;-webkit-transition-duration: 125ms;-moz-transition-duration: 125ms;-o-transition-duration: 125ms;-ms-transition-duration: 125ms;transition-duration: 125ms;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-delay: 0;-moz-transition-delay: 0;-o-transition-delay: 0;-ms-transition-delay: 0;transition-delay: 0}
.ui grid .columns.gutters>[class*="tablet-"], .ui grid .columns.gutters>[class*="row"] {padding-left:1.5em;margin-bottom:1.5em}
.ui grid .columns.small-gutters>[class*="tablet-"], .ui grid .columns.small-gutters>[class*="row"] {padding-left:.75em;margin-bottom:.75em}
.ui grid .columns.mini-gutters>[class*="tablet-"], .ui grid .columns.mini-gutters>[class*="row"] {padding-left:.375em;margin-bottom:.375em}
.ui grid .columns.horizontal-gutters>[class*="tablet-"], .ui grid .columns.horizontal-gutters>[class*="row"] {padding-left:1.5em}
.ui grid .columns.small-horizontal-gutters>[class*="tablet-"], .ui grid .columns.small-horizontal-gutters>[class*="row"] {padding-left:.75em}
.ui grid .columns.mini-horizontal-gutters>[class*="tablet-"], .ui grid .columns.mini-horizontal-gutters>[class*="row"] {padding-left:.375em}
.ui grid .columns.vertical-gutters>[class*="tablet-"], .ui grid .columns.vertical-gutters>[class*="row"] {margin-bottom:1.5em}
.ui grid .columns.small-vertical-gutters>[class*="tablet-"], .ui grid .columns.small-vertical-gutters>[class*="row"] {margin-bottom:.75em}
.ui grid .columns.mini-vertical-gutters>[class*="tablet-"], .ui grid .columns.mini-vertical-gutters>[class*="row"] {margin-bottom:.375em}
[class*="tablet-"]:empty:after,[class*="row"]:empty:after {content: "\00a0"}
*[class*="tablet-"]>*[class*="tablet-"] {margin-left: 0}
.tablet-push-left {float: left}
.tablet-push-center {float: none;margin-left: auto;margin-right: auto}
.tablet-push-none {float: none}
.tablet-push-right {float: right}
.tablet-align-left {text-align: left}
.tablet-align-center {text-align: center}
.tablet-align-right {text-align: right}
.hide-tablet {display: none}
.show-tablet {display: inherit}

  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
 .tablet-95 {width: 95%;float: left}
.tablet-90 {width: 90%;float: left}
.tablet-85 {width: 85%;float: left}
.tablet-80 {width: 80%;float: left}
.tablet-75 {width: 75%;float: left}
.tablet-70 {width: 70%;float: left}
.tablet-65 {width: 65%;float: left}
.tablet-60 {width: 60%;float: left}
.tablet-55 {width: 55%;float: left}
.tablet-50 {width: 50%;float: left}
.tablet-45 {width: 45%;float: left}
.tablet-40 {width: 40%;float: left}
.tablet-35 {width: 35%;float: left}
.tablet-30 {width: 30%;float: left}
.tablet-25 {width: 25%;float: left}
.tablet-20 {width: 20%;float: left}
.tablet-15 {width: 15%;float: left}
.tablet-10 {width: 10%;float: left}
.tablet-5 {width: 5%;float: left}
.tablet-33 {width: 33.33%;float: left}
.tablet-66 {width: 66.66%;float: left}
.tablet-100 {width: 100%;clear: both;float: left}
.two.columns > .row {width: 100%;}
.three.columns > .row,.four.columns > .row {width: 50%;}
.five.columns > .row,.six.columns > .row,.seven.columns > .row {width: 33%;}
.eight.columns > .row,.nine.columns > .row,.ten.columns > .row {width: 25%;}
 [class*="tablet-"], [class*="row"] {margin-top:0;}
body.animated *[class*="tablet-"],body.animated *[class*="row"] {-webkit-transition-property: width, font-size, line-height;-moz-transition-property: width, font-size, line-height;-o-transition-property: width, font-size, line-height;-ms-transition-property: width, font-size, line-height;transition-property: width, font-size, line-height;-webkit-transition-duration: 125ms;-moz-transition-duration: 125ms;-o-transition-duration: 125ms;-ms-transition-duration: 125ms;transition-duration: 125ms;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-delay: 0;-moz-transition-delay: 0;-o-transition-delay: 0;-ms-transition-delay: 0;transition-delay: 0}
.ui grid .columns.gutters>[class*="tablet-"], .ui grid .columns.gutters>[class*="row"] {padding-left:1.5em;margin-bottom:1.5em}
.ui grid .columns.small-gutters>[class*="tablet-"], .ui grid .columns.small-gutters>[class*="row"] {padding-left:.75em;margin-bottom:.75em}
.ui grid .columns.mini-gutters>[class*="tablet-"], .ui grid .columns.mini-gutters>[class*="row"] {padding-left:.375em;margin-bottom:.375em}
.ui grid .columns.horizontal-gutters>[class*="tablet-"], .ui grid .columns.horizontal-gutters>[class*="row"] {padding-left:1.5em}
.ui grid .columns.small-horizontal-gutters>[class*="tablet-"], .ui grid .columns.small-horizontal-gutters>[class*="row"] {padding-left:.75em}
.ui grid .columns.mini-horizontal-gutters>[class*="tablet-"], .ui grid .columns.mini-horizontal-gutters>[class*="row"] {padding-left:.375em}
.ui grid .columns.vertical-gutters>[class*="tablet-"], .ui grid .columns.vertical-gutters>[class*="row"] {margin-bottom:1.5em}
.ui grid .columns.small-vertical-gutters>[class*="tablet-"], .ui grid .columns.small-vertical-gutters>[class*="row"] {margin-bottom:.75em}
.ui grid .columns.mini-vertical-gutters>[class*="tablet-"], .ui grid .columns.mini-vertical-gutters>[class*="row"] {margin-bottom:.375em}
[class*="tablet-"]:empty:after,[class*="row"]:empty:after {content: "\00a0"}
*[class*="tablet-"]>*[class*="tablet-"] {margin-left: 0}
.tablet-push-left {float: left}
.tablet-push-center {float: none;margin-left: auto;margin-right: auto}
.tablet-push-none {float: none}
.tablet-push-right {float: right}
.tablet-align-left {text-align: left}
.tablet-align-center {text-align: center}
.tablet-align-right {text-align: right}
.hide-tablet {display: none}
.show-tablet {display: inherit}

  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
.tablet-95 {width: 95%;float: left}
.tablet-90 {width: 90%;float: left}
.tablet-85 {width: 85%;float: left}
.tablet-80 {width: 80%;float: left}
.tablet-75 {width: 75%;float: left}
.tablet-70 {width: 70%;float: left}
.tablet-65 {width: 65%;float: left}
.tablet-60 {width: 60%;float: left}
.tablet-55 {width: 55%;float: left}
.tablet-50 {width: 50%;float: left}
.tablet-45 {width: 45%;float: left}
.tablet-40 {width: 40%;float: left}
.tablet-35 {width: 35%;float: left}
.tablet-30 {width: 30%;float: left}
.tablet-25 {width: 25%;float: left}
.tablet-20 {width: 20%;float: left}
.tablet-15 {width: 15%;float: left}
.tablet-10 {width: 10%;float: left}
.tablet-5 {width: 5%;float: left}
.tablet-33 {width: 33.33%;float: left}
.tablet-66 {width: 66.66%;float: left}
.tablet-100 {width: 100%;clear: both;float: none}
.two.columns > .row {width: 100%;}
.three.columns > .row,.four.columns > .row {width: 50%;}
.five.columns > .row,.six.columns > .row,.seven.columns > .row {width: 33%;}
.eight.columns > .row,.nine.columns > .row,.ten.columns > .row {width: 25%;}
 [class*="tablet-"], [class*="row"] {margin-top:0;}
body.animated *[class*="tablet-"],body.animated *[class*="row"] {-webkit-transition-property: width, font-size, line-height;-moz-transition-property: width, font-size, line-height;-o-transition-property: width, font-size, line-height;-ms-transition-property: width, font-size, line-height;transition-property: width, font-size, line-height;-webkit-transition-duration: 125ms;-moz-transition-duration: 125ms;-o-transition-duration: 125ms;-ms-transition-duration: 125ms;transition-duration: 125ms;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-delay: 0;-moz-transition-delay: 0;-o-transition-delay: 0;-ms-transition-delay: 0;transition-delay: 0}
.ui grid .columns.gutters>[class*="tablet-"], .ui grid .columns.gutters>[class*="row"] {padding-left:1.5em;margin-bottom:1.5em}
.ui grid .columns.small-gutters>[class*="tablet-"], .ui grid .columns.small-gutters>[class*="row"] {padding-left:.75em;margin-bottom:.75em}
.ui grid .columns.mini-gutters>[class*="tablet-"], .ui grid .columns.mini-gutters>[class*="row"] {padding-left:.375em;margin-bottom:.375em}
.ui grid .columns.horizontal-gutters>[class*="tablet-"], .ui grid .columns.horizontal-gutters>[class*="row"] {padding-left:1.5em}
.ui grid .columns.small-horizontal-gutters>[class*="tablet-"], .ui grid .columns.small-horizontal-gutters>[class*="row"] {padding-left:.75em}
.ui grid .columns.mini-horizontal-gutters>[class*="tablet-"], .ui grid .columns.mini-horizontal-gutters>[class*="row"] {padding-left:.375em}
.ui grid .columns.vertical-gutters>[class*="tablet-"], .ui grid .columns.vertical-gutters>[class*="row"] {margin-bottom:1.5em}
.ui grid .columns.small-vertical-gutters>[class*="tablet-"], .ui grid .columns.small-vertical-gutters>[class*="row"] {margin-bottom:.75em}
.ui grid .columns.mini-vertical-gutters>[class*="tablet-"], .ui grid .columns.mini-vertical-gutters>[class*="row"] {margin-bottom:.375em}
[class*="tablet-"]:empty:after,[class*="row"]:empty:after {content: "\00a0"}
*[class*="tablet-"]>*[class*="tablet-"] {margin-left: 0}
.tablet-push-left {float: left}
.tablet-push-center {float: none;margin-left: auto;margin-right: auto}
.tablet-push-none {float: none}
.tablet-push-right {float: right}
.tablet-align-left {text-align: left}
.tablet-align-center {text-align: center}
.tablet-align-right {text-align: right}
.hide-tablet {display: none}
.show-tablet {display: inherit}

  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.phone-95 {width: 95%;float: left}
.phone-90 {width: 90%;float: left}
.phone-85 {width: 85%;float: left}
.phone-80 {width: 80%;float: left}
.phone-75 {width: 75%;float: left}
.phone-70 {width: 70%;float: left}
.phone-65 {width: 65%;float: left}
.phone-60 {width: 60%;float: left}
.phone-55 {width: 55%;float: left}
.phone-50 {width: 50%;float: left}
.phone-45 {width: 45%;float: left}
.phone-40 {width: 40%;float: left}
.phone-35 {width: 35%;float: left}
.phone-30 {width: 30%;float: left}
.phone-25 {width: 25%;float: left}
.phone-20 {width: 20%;float: left}
.phone-15 {width: 15%;float: left}
.phone-10 {width: 10%;float: left}
.phone-5 {width: 5%;float: left}
.phone-33 {width: 33.33%;float: left}
.phone-66 {width: 66.66%;float: left}
.phone-100 {width: 100%;clear: both;float: none}
.phone-push-left {float: left}
.phone-push-center {float: none;margin-left: auto;margin-right: auto}
.phone-push-none {float: none}
.phone-push-right {float: right}
.phone-align-left {text-align: left}
.phone-align-center {text-align: center}
.phone-align-right {text-align: right}
.hide-phone {display: none}
.show-phone {display: inherit}
  
}