/*
Theme Name: News Magz Mobile
Author: M. Sahidin
Author URI: www.msahidin.id
Version: 11.09.2019
Description: News Magz 100% Responsive, Search Engine Friendly.
*/
iframe,
embed,
object {max-width: 100%;}


/** ------------------------------------------
* Tools
* ------------------------------------------ */
.clear {clear: both;width: 100%;}
.cursor-pointer {cursor: pointer;}

/*- border -*/
.bb {border-bottom: 1px solid #ccc;}

/*- padding -*/
.plr5 {padding: 0 5px 0;}
.plr10 {padding: 0 10px 0;}

.pa0 {padding:0;}
.pa2 {padding:2px;}
.pa5  {padding:5px;}
.pa10 {padding:10px}
.pa20 {padding:20px;}

/*- padding top -*/
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

/*- padding bottom -*/
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}

/*- margin top -*/
.ma0 {margin: 0;}
.ma5 {magin: 5px;}
.ma10 {magin: 10px;}

/*- margin top -*/
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

/*- margin bottom -*/
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.tac {text-align:center;}

/*- background -*/
.bgcyan {background: #009688 !important}
.bgsemedan {background: #0b5394 !important}
.bgw {background: #ffffff !important}
.bgb {background:#000000 !important}

/*- color -*/
.cw {color: #ffffff !important;}
/** ------------------------------------------------------------------------------------------------
* BASE STYLE
* ------------------------------------------------------------------------------------------------ */
body {
    background-color: #009688;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    color: #4C4C4C;
    line-height: 1.2;
    font-size: 14px;
}
.website-wrapper {
  background-color: #ffffff;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-page-wrapper {
    position: relative;
    background: #ebebeb;
    z-index: 1;
}
p {margin: 0 0 10px;}
.entry-content p {
    line-height: 160%;
    font-size: 17px;
    color: #4f4f50;
    text-align: justify;
    padding-bottom: 20px;
}
a {
    color: #016fba;
    text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
  text-decoration: none;
}
a:focus {
  color: black;
  text-decoration: none;
  outline: none;
}
h1.title{
	font-family: "Karla", Arial, Helvetica, sans-serif;
	color:#777
	;font-size:50px;
	margin:10px;
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{
    font-family: 'Roboto Condensed', sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}

img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  overflow: hidden;
}

blockquote {
  text-align: left;
  font-size: 17px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-left: 30px;
  border-left: 5px solid #1aada3;
  color: #3a3a3a;
}
/** ------------------------------------------------------------------------------------------------
* HEADERS 	http://localhost/cdn.semedan.com/css/header.css
* ------------------------------------------------------------------------------------------------ */
/** ------------------------------------------------------------------------------------------------
* PAGES
* ------------------------------------------------------------------------------------------------ */

div.post-pages{border-bottom:1px solid #ccc;color:#555555;margin-bottom:20px;}
div.post-pages .title-pages {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
}

/** ------------------------------------------
* TAGS & CATS
* ------------------------------------------ */
.tags {}
.tags a {
    font-size: 10pt !important;
    padding: 5px 5px;
    background: #009688;
    color: #ffffff;
    margin: 0px 0 3px;
    display: inline-block;
}
.tags a:hover {background-color: #3E84C2;color: #ffffff;}
.cats {}
.cats a {
    font-size: 10pt !important;
    padding: 5px 5px;
    background: #009688;
    color: #ffffff;
    margin: 0px 0 3px;
    display: inline-block;
}
.cats a:hover {background-color: #3E84C2;color: #ffffff;}
/** ------------------------------------------
* PAGINATION
* ------------------------------------------ */
.pagination {margin-top: 10px !important;}
ul.pagination li span.page-numbers.current{background: #eeeeee;}
ul.pagination li a:active,
ul.pagination li a:hover{background:#f5f5f5;outline:none !important;}
/** ------------------------------------------------------------------------------------------------
*  NAVBAR / SNGLE POST
* ------------------------------------------------------------------------------------------------ */
.navbar {
    position: relative;
    z-index: 10;
    min-height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar-toggle {
    font-size: 25px;
    position: relative;
    float: left;
    margin-left: 0;
    padding: 10px 17px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 0;
}
.navbar-nav > li {
    border-left: 0 solid rgba(266,255,255,.08);
    border-right: 1px solid rgba(0,0,0,.1);
    position: relative;
    line-height: 40px;
    list-style: none;
    left: 4px;
    margin: 0;
}
.navbar-nav > li > a {
	border-top: 0 solid rgba(266,255,255,.08);
    border-bottom: 1px solid rgba(0,0,0,.1);
	color: #ffffff;
	padding:0 13px;
	border-radius:0;
	margin-right:0;
	line-height:40px;
	font-family:'Roboto';
	font-size:14px;
	text-transform: uppercase;
}
.navbar-nav li:hover a {
	background-color: #11416e;
	color: #ffffff;
}

.navbar-collapse{padding:0;margin:0;}
.navbar-nav li a:focus,
.navbar-nav li a:active,
.navbar-nav li.active a,
.navbar-nav li a:hover,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{outline:none !important;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #0b5394;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}
.dropdown-menu > li > a{line-height: 40px;}
/** ------------------------------------------------------------------------------------------------
*  NAVIGATION / SNGLE POST
* ------------------------------------------------------------------------------------------------ */
.post-nav {padding: 5px 0px 40px;}
.post-nav span { display: block; font-weight: 700; line-height: 1; margin-bottom: 5px; text-transform: uppercase; overflow: hidden; }
.post-nav p { font-size: 13px; font-size: 0.8125rem; overflow: hidden; }
.post-nav-next { float: right; text-align: right; }
.post-nav-prev { float: left; text-align: left; }
.post-nav-next a{color:#fff;}
.post-nav-prev a{color:#fff;}
.post-nav-prev span:before { content: '\f100'; margin-right: 5px; }
.post-nav-next span:after { content: '\f101'; margin-left: 5px; }
.btn-primary {font-weight: 600;color: #ffffff;background-color: #428bca;border: 0;}

.page-links a {border: 1px solid #BFBFBF;display: inline-block;text-align: center;font-weight: 700;line-height: 32px;
width: 45px;margin-right: 6px;font-size: 14px;text-decoration: none;color: #000000;background: -moz-linear-gradient(#fff,#eaeaea);background: -webkit-linear-gradient(#fff,#eaeaea);background: -o-linear-gradient(#fff,#eaeaea);background: linear-gradient(#fff,#eaeaea);-moz-box-shadow: inset 0 0 2px #fff;
-webkit-box-shadow: inset 0 0 2px #555;box-shadow: inset 0 0 2px #fff;border-radius: 5px;}
.page-links a:hover {border: 1px solid #3b5998}
.page-links a:focus {background-color: #A5A5A5;color: #3b5998;border-color: #A5A5A5;}
.page-links > span {border: 1px solid #BFBFBF;background-color: #3b5998;display: inline-block;text-align: center;line-height: 32px;width: 45px;margin-right: 0px;font-size: 14px;color: white;border-radius: 5px;}
.page-links .page-links-title {border: none;width: auto;font-size: 16px;background-color: transparent;color: #6a6868;}
.paging-nav {padding: 5px 0px 40px 0px;border-radius: 5px;}
.paging-nav span { display: block; font-weight: 700; line-height: 1; margin-bottom: 5px; text-transform: uppercase; overflow: hidden; }
.paging-nav p { font-size: 13px; font-size: 0.8125rem; overflow: hidden; }
.next {position: absolute;}
.prev { float: left; text-align: left; }
.next a{color:#fff;}
.prev a{color:#fff;}
.prev span:before { content: '\f100'; margin-right: 5px; }
.next span:after { content: '\f101'; margin-left: 5px; }

#halaman {background: #eee;padding: 5px 5px 5px;border: 1px solid #c8c8c8;margin-bottom: 15px;border-radius: 3px;}
#paging {background:#f5f5f5;position:relative;	border:1px solid #e3e3e3;border-radius:4px;margin:0 auto 25px;padding:5px 5px 5px 5px;}
#paging li {width:35px;position:relative;line-height:35px;list-style:none;display:inline-block;padding:0 0 0 0;margin:0 0 0 0;}
#paging li a {font-size:20px;padding: 5px 5px;color: #ffffff;display: block;text-transform: none;text-align: center;}
#paging li a.page {border:1px solid #FFFFFF;background:#005da4;}
#paging li a.current {background: #005da4;}
#paging li a.stand {background:#A4A4A4;}
#paging li:hover a {background-color: #FFFFFF;color: #005da4;}
/** ------------------------------------------------------------------------------------------------
* SIDE-BAR WIDGET
* ------------------------------------------------------------------------------------------------ */
.sidebar {margin-bottom: 20px;}
.sidebar a {-webkit-transition: all 400ms;-moz-transition: all 400ms;transition: all 400ms;}

h2.widget-title {font-size: 16pt;font-weight: 700;padding:5px;margin: 0 0 10px;line-height: 30px;text-transform: uppercase;border-left: 5px solid #ca3838;}
h3.widget-title {font-size: 15pt;font-weight: 700;padding:5px;margin: 0 0 10px;line-height: 30px;text-transform: uppercase;border-left: 5px solid #ca3838;}
h4.widget-title {font-size: 12pt;font-weight: 700;padding:5px;margin: 0 0 10px;line-height: 30px;text-transform: uppercase;border-left: 5px solid #ca3838;}

.textwidget{margin:0 0 10px;}
div.widget {margin-bottom:20px;padding: 0 5px 0;}
div.widget ul{padding:0;margin:0;}
div.widget ul li {list-style: none;line-height: 30px;margin-bottom:5px;border-bottom: 1px solid #c4c4c4;}
div.widget li,
div.widget p{font-size:12pt;}

div.ads-top{height:auto;margin:0 10px 20px 0;}
div.ads{text-align: center;margin-bottom:20px;}
div.ads img{margin-bottom:10px;}
div.ads img:nth-child(2n){margin-left: 7px;}

/** ------------------------------------------
* SINGLE POST
* ------------------------------------------ */
.singpost{margin-bottom: 20px;border: 1px solid #ececec;}
.post:first-child {margin-top: 0px;}
.post h1{font-size:30px;}
.breadcrumbs{padding:0 5px 0;margin:10px 0;font-size:12px;border-bottom:1px solid #d5d5d5;}
/** -- post meta -- */
.post-meta {font-size: 11px;font-weight: 700;text-transform: uppercase;}
div.single-post .post-meta *{}

div.single-post .post-meta{border-bottom:1px solid #d5d5d5;padding:5px 0px 5px 0px;margin:10px 10px;color:#777;}
div.single-post {}
div.single-post .post-title{border-radius:0;padding:0px 0px 0px 0px;color:#eeeeee;margin:0;}
div.single-post .post-title .entry-title{margin:10px;padding:0;}
div.single-post .post-title *{color:#555;}
.singthumb{}
.feature-caption-text{background: #5a5a5a;margin-bottom:15px;font-size:small;color: #fff;text-align:justify;padding:5px;border:1px solid #ffffff;border-radius:5px;}
.singleft{margin-top:5px;padding:0 0;}
.singtext{padding-right:0;padding-left:0;}
.video-yt{position:relative;margin:0 auto 0;padding:15px 0 0 0;}
.fb-comment{background:#fff;height:100%;margin-bottom:20px;}

.alignright{width:32.5%;float:right;margin:10px 0px 10px 10px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{width:32.5%;float:left;margin:5px 10px 5px 0px;}

.post ol,.post ul{margin-bottom: 25px;list-style: square;}
.post ol li {list-style:decimal;line-height:1.9;font-size:medium;}
.post ul li{font-size:17px;line-height:1.5;text-align:justify;margin-bottom:10px;list-style:square;}
ol li{list-style:decimal;}

.wp-caption img{}
.wp-caption{padding-bottom:25px;display: block;max-width: 100%;}
.wp-caption .wp-caption-text{text-align:left;font-size:small;padding:5px;}
.wp-smiley{border: 0px;}
.authors{background:#f5f5f5;border: 1px solid #e3e3e3;color:#555;padding:5px;}

/** ------------------------------------------
* HOMEPAGE
* ------------------------------------------ */
.slider {position: relative;}

/** ------------------------------------------------------------------------------------------------
* CONTENT
* ------------------------------------------------------------------------------------------------ */
.media-body {}
.entry-thumbnail {
    margin-bottom: 15px;
    position: relative;
    display: block;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 800px;
    -webkit-perspective: 800px;
}
.media-heading {margin-top:0;}
.media-heading a {
    font-size: 22px;
    font-weight: 600;
}
.media-heading a:hover {
    color: #23527c;
	text-decoration: underline;
}
.post-date {margin-top: 5px;font-size: 12px;}
/** ------------------------------------------
* RELATEDS
* ------------------------------------------ */
#relateds {margin: 20px 0;}
div.relateds{min-height:90px;margin-bottom:20px;padding:0;}
div.relateds ul{padding:0;margin:0;}
div.relateds ul li{list-style:none;line-height:30px;}
div.relateds,div.relateds li,div.relateds li a,div.relateds p{font-size:12pt;font-weight:500;}

#relateds-tag{width:70%;background-color:#ffffff;border:2px solid #ececec;margin-bottom:20px;padding:10px 10px;	}
div.relateds-tag ul{padding:0;margin:0;}
#relateds-tag h2{display:block;font-size:18px;margin-bottom:10px;padding:5px;}
#relateds-tag a{font-size:16px;font-weight:400;color:#555!important}
#relateds-tag ul li{display:block;float:left;list-style: none;width:20%;height:200px!important;overflow:hidden;padding:0 5px 0 5px;margin-bottom:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#relateds-tag .relatedsthumb{padding:0;margin:0;height:100px}
#relateds-tag .relatedsthumb img{width:100%;height:100%;transition:all 400ms ease-in-out}
#relateds-tag .relatedsthumb img:hover{opacity:.7}
#relateds-tag li:hover a{color:#2a6496!important}
/** ------------------------------------------------------------------------------------------------
* SOCIAL ICONS 
* ------------------------------------------------------------------------------------------------ */
.home-share{padding:5px 5px 5px 5px;}
.home-share li{list-style:none;display:inline-block;}
.home-share li a.twit{background:#1b95e0;padding:0 5px 0 5px;font-size:13px;color:#fff;border:1px solid #1b95e0;border-radius:4px;text-decoration:none;}
.fix-sosmed {
    display: inline-block;
}
.sosmed {
    display: inline-block;
    padding-right: 0;
    padding-left: 7px;

}
.sosmed li{position:relative;line-height:55px;list-style:none;margin:0 0 10px 0;}
.sosmed li a{font-size:20px;padding:0px 10px 0px 10px;color:#ffffff;display:block;text-transform:none;text-align:center;}
.sosmed li a.likefb{margin:-10px 0 0;padding:0 0 0 0;}
.sosmed li a.fb{background:#3b5998;border-radius:5px;}
.sosmed li a.twit{background:#4099ff;border-radius:5px;}
.sosmed li a.in{background: #007bb5;border-radius:5px;}
.sosmed li a.pinit{background: #bd081c;border-radius:5px;}
.sosmed li a.wa{background:#12af0a;border-radius:5px;}
.sosmed li:hover a{background-color:rgba(59,89,152,0.14);color:#555;}

.share{position:relative;margin:0 auto 15px;padding:5px 0 5px 5px;}
.share li{width:55px;position:relative;list-style:none;display:inline-block;padding:0 0 0 0;margin:0 0 0 0;}
.share li a{font-size:25px;padding:5px 5px;color:#ffffff;display:block;text-transform:none;text-align:center;}
.share li a.likefb{display:inline-block;padding:0 0 0 0;}
.share li a.fb{background:#3b5998;border-radius:3px;padding:5px 0 0 0!important;}
.share li a.twit{background:#4099ff;border-radius:3px;padding:5px 0 0 0!important;}
.share li a.in{background: #007bb5;border-radius:3px;padding:5px 0 0 0!important;}
.share li a.pinit{background: #bd081c;border-radius:3px;padding:5px 0 0 0!important;}
.share li a.wa{background:#12af0a;border-radius:3px;padding:5px 0 0 0!important;}
.share li:hover a{background-color:rgba(59,89,152,0.14);color:#555;}

div.fol-us{}
.fol-us{position:relative;;margin:0 auto 15px;padding:13px 0 0 3px;}
.fol-us li{width:35px;position:relative;line-height:30px;list-style:none;display:inline-block;padding:0 0 0 0;margin:0 0 0 0;}
.fol-us li a{font-size:20px;color:#ffffff;display:block;text-transform:none;text-align:center;}
.fol-us li a.gplus{background:#d34836;border-radius:3px;}
.fol-us li a.fb{background:#3b5998;border-radius:3px;}
.fol-us li a.twit{background:#4099ff;border-radius:3px;}
.fol-us li a.in{background:#007bb5;border-radius:3px;}
.fol-us li a.yt{background:#f00;border-radius:3px;}
.fol-us li a.pinit{background:#bd081c;border-radius:3px;}
.fol-us li a.inst{background:#be31a5;border-radius:3px;}
.fol-us li a.wa{background:#12af0a;border-radius:3px;}
.fol-us li:hover a{background-color:rgba(59,89,152,0.14);color:#555;}

/** ------------------------------------------------------------------------------------------------
* SEARCH PAGES
* ------------------------------------------------------------------------------------------------ */
.search-sing {padding:20px 5px 5px;margin-bottom: 20px;}
/** search none -- */
.search-none-title {
	
}
.page-search {
	font-weight: 500;
	text-align: justify;
	margin-right: 5%;
    margin-left: 5%;
}
/** ------------------------------------------------------------------------------------------------
* SEARCH 
* ------------------------------------------------------------------------------------------------ */

/** ------------------------------------------
* SCROLL TO TOP
* ------------------------------------------ */
.scroll-top{}
.scroll-top a{    cursor: pointer;
    background-image: url(./images/btt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(153,0,0,.8);
    position: fixed;
    bottom: 60px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 95;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 0 10px #424242;
    -webkit-box-shadow: 0 0 10px #424242;
    box-shadow: 0 0 10px #424242;}
.scroll-top a.info:hover{background-color:#e9a25a}.bottom-wrapper{max-width:100%;;margin:0 auto}	

/** ------------------------------------------------------------------------------------------------
* FOOTER
* ------------------------------------------------------------------------------------------------ */
footer {
    background: #000000;
    border-top: 5px solid #0b5394;
    font-size: 0.9em;
    position: relative;
}
.footer-menu {text-align:center;float:none;padding-left:0;}
.footer-menu a:hover{color:#ffffff;}
.footer-menu a{text-transform: uppercase;font-size:12px;font-weight:600;color: #c1c1c1;}
.footer-menu li{display:inline;list-style:none;margin:5px;}
/** ------------------------------------------------------------------------------------------------
* COPYRIGHT
* ------------------------------------------------------------------------------------------------ */
.copyright{color: #c1c1c1;text-align:center;float:none;padding-bottom:10px;}
.copyright a{color: #c1c1c1;}

/** ------------------------------------------------------------------------------------------------
* PLUGIN
* ------------------------------------------------------------------------------------------------ */
/* Popular Post */
.wpp-no-data {}
.wpp-list {background: #ffffff;}
.wpp-list li {overflow: hidden;float: none;clear: both;}
.wpp-list li.current {border: 1px solid #3b5998;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);}
.wpp-thumbnail {width: 115px;height: 100px;display: inline-block;float: left;border: none;padding: 5px 5px 5px 5px;}
.wpp-post-title {color: #555555;font-weight: 800;font-size: 12px;}
.wpp-post-title a {color: #016fba;}		
.wpp-excerpt {}	
.wpp-meta, .post-stats {display: block;font-size: 0.8em;font-weight: bold;}			
.wpp-views {color: #0b5394;}
.wpp-date {}
.wpp-category {}

/* Recent Post */
.recent {margin-bottom: 20px;padding: 0;}
div.recent ul li {list-style: none;padding: 5px 0;}
div.recent li,.recent p{font-size:15pt;}
.recent-thumbnail {width: 125px;height: 100px;display: inline-block;float: left;border: none;margin: 0 5px;}
.recent-heading {padding: 0 2px 0;line-height: 0.6em;margin: 0 0 5px;}
.recent-heading a {font-size: 17px;font-weight: 600;}

/* Contact Us */
#contact_us input {line-height: 20px;width: 100%;border: 5px solid #e2e2e2;border-radius: 0;}
#contact_us input[type=text],#contact_us textarea {background: #fff;border: 2px solid #ddd;color: #777;display: block;width: 100%;outline: 0;padding: 7px 8px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 15px;}
#contact_us .input-field-send{margin-top:30px}
#contact_us .label{margin-top:10px}
#contact_us textarea{height:100px}
#contact_us input[type=submit]{background:#3b5998;color:#fff;padding:8px 14px;font-weight:600;display:inline-block;border:none;cursor:pointer;-webkit-border-radius:3px;border-radius:3px}
#contact_us input[type=submit]:hover{background:#ca3838}
#contact_us input[type=submit]:active,#contact_us input[type=submit]:focus{outline:none}
#contact_us input[type=text]:focus,#contact_us textarea:focus{outline:0;border-color:#e8554e}
#contact_us button,#contact_me input,#contact_us textarea{-moz-appearance:none;-webkit-appearance:none;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}


/** ------------------------------------------------------------------------------------------------
* Responsive web design, > 1600px (DESKTOP)
* ------------------------------------------------------------------------------------------------ */
/* Query on ipad pro */
@media screen and (min-width:1366px) {
.container{}
}
@media (min-width: 1200px){
.container{max-width:1140px;}	
}
@media (min-width: 1025px) {
.container{}
}
/** ------------------------------------------------------------------------------------------------
* MAX-WIDTH: 1024px
* ------------------------------------------------------------------------------------------------ */
@media (min-width: 1440px){
.container{max-width:1200px;}	
}
/* Query on ipad */
@media (max-width: 1024px) {
.container{}
}
/** ------------------------------------------------------------------------------------------------
* MAX-WIDTH: 1024px and MIN-WIDTH 991px
* ------------------------------------------------------------------------------------------------ */
@media (max-width: 1024px) and (min-width: 991px) {
.container{}
}
/** ------------------------------------------------------------------------------------------------
* MIN-WIDTH: 992px
* ------------------------------------------------------------------------------------------------ */
/* Disable on Desktop */
@media screen and (min-width: 992px) {
.mobile{display:none !important;}	
.container{}
}

/** ------------------------------------------------------------------------------------------------
* MAX-WIDTH: 992px
* ------------------------------------------------------------------------------------------------ */
/* Disable on Mobile */
@media (max-width: 991px) {
.desktop {display:none !important;}
.container{}
#paging {margin:0 auto 25px;padding:5px 1px 5px 1px;}
#paging li {width:30px;line-height:25px;}
#paging li a {font-size:15px;color: #ffffff;padding:5px 5px;margin:2px 0 2px;}
#relateds-tag{width:100%;padding-right:5px;padding-left: 5px;}
#relateds-tag ul li{width:50%;}
iframe,
embed,
object {height: 360px;}
}
/** ------------------------------------------------------------------------------------------------
* MIN-WIDTH: 768px, MAX-WIDTH: 992px
* ------------------------------------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
 .container{}
}
/* ------------------------------------------------------------------------------------------------
* Responsive web design, > 768px (MOBILE)
* ------------------------------------------------------------------------------------------------ */
@media (max-width: 768px) {
.container{}  
}
/* ------------------------------------------------------------------------------------------------
* Responsive web design, > 600px (MOBILE)
* ------------------------------------------------------------------------------------------------ */
@media (max-width: 600px) {
.container{}
}
/* ------------------------------------------------------------------------------------------------
* Responsive web design, > 480px (MOBILE)
* ------------------------------------------------------------------------------------------------ */
@media (max-width: 480px) {
.container{}
}