.video-js .vjs-tech {
      background: black;
}

/*Media Queries*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}

@media only screen and (min-width: 1050px) {
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 362px;}
.sidebar{ float: right;width: 300px;font-size: 80%;}
}


/*	iPad large than 1050px
-------------------------------------------------- */
@media only screen and (min-width: 1050px) and (max-width:4100px) {
.widget {  float: none;}
.wrap{margin:0 auto; width:100%;} 
.header {height: auto;margin: 0 auto;width: 100%;}
.header .logo {padding: 0px 0;height: auto;text-align: center;}
.header .nav {background-color:#eee;display: inline;width: 100%; }
.header-widget img {max-width: 450px;}
.nav {background-color: #000000;width: 100%;}
.column-three-fourth{width: 760px;}
.column-one-fourth {padding: 0 5px;width: 100%;}
#rata {display:none;}
#desk1 {display:none;}
.footerwrap {margin: 0 auto;width: 960px;} .footernav {margin-left: 50px;}
.pagetitle {font-size: 12px;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 430px;}
 
}

/*	iPad Smaller than 1024px
-------------------------------------------------- */	
@media only screen and (min-width: 960px) and (max-width:1049px) {
.widget {  float: none;}
.wrap{margin:0 auto; width:100%;} 
.header {height: auto;margin: 0 auto;width: 100%;}
.header .logo {padding: 0px 0;height: auto;text-align: center;}
.header .nav {background-color:#eee;display: inline;width: 100%; }
.header-widget img {max-width: 450px;}
.nav {background-color: #000000;width: 100%;}
.column-three-fourth {overflow: hidden;width:68%; margin-right:0px;} 
.column-one-fourth {padding: 0 5px;width: 100%;}
#rata {display:none;}
#desk1 {display:none;}
.footerwrap {margin: 0 auto;width: 768px;} .footernav {margin-left: 50px;}
.pagetitle {font-size: 12px;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 406px;}

}


/*	iPad Smaller than 959px
-------------------------------------------------- */	
@media only screen and (min-width: 768px) and (max-width:959px) {
body {font-size: 70%;}
.widget {float: none;}
.wrap {margin:0 auto; width:100%;} 
.header {height: auto;margin: 0 auto;width: 100%;}
.header .logo {padding: 0px 0;height: auto;text-align: center;}
.header .nav {background-color:#eee;display: inline;width: 100%; }
.header-widget img {max-width: 450px;}
.nav {background-color: #000000;width: 100%;}
.column-three-fourth{overflow: hidden;width:60%; margin-right:0px;} 
.sidebar {width: 40%; }
.column-one-fourth{padding: 0 5px;width: 100%;}
#rata{display:none;}
#desk1 {display:none;}

.footerwrap {margin: 0 auto;width: 768px;} .footernav {margin-left: 50px;}
.pagetitle {font-size: 12px;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 261px;}

}


/*	767x and 300px;-- */
@media only screen and (min-width: 640px) and (max-width: 767px) {
body {font-size: 70%;}
.header {height: auto;margin: 0 auto;width: 100%;}
.header .logo {display:none;padding: 0px 0;height: auto;text-align: center;}
.header .nav {background-color:#eee;display: inline;width: 100%; }
.header-widget img {max-width: 450px;}
.nav {background-color: #000000;width: 100%;}
.column-three-fourth {overflow: hidden;width:60%; margin-right:0px;} 
.sidebar {width: 40%;}
.column-one-fourth {padding: 0 5px;width: 100%;}
#rata {display:none;}
#desk1 {display:none;}
.footerwrap {margin: 0 auto;width: 768px;} 
.footernav {margin-left: 50px;}
.pagetitle {font-size: 12px;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 217px;}
.nav {display:none;}
.header{display:none;}
#menu-icon {display:inline-block; }
.display-hp {display:inline-block; }
.nav-responsive ul li a{display:block;}

}


/*	iPhone (landscape)-- */	
@media only screen and (max-width: 639px) {
body {font-size: 80%;} 
.wrap {margin:0 auto; width:100%;}
.header {margin: 0px auto;width: 100%;height: auto;} 
.header .logo {height:auto;text-align: center;width:100%;display:none;}
.header .nav {display:none;} 
.header .nav-responsive {background-color: #EEEEEE;display: block;float: left;text-align: center;width: 100%;} 
.inputbig {width:auto;} 
.header-widget img {max-width:480px; width:480px; }
.pagetitle {margin-bottom: 10px;font-size: 110%;}
.comment-respond {width:100%; padding:0;}
textarea {width:400px;}
.column-three-fourth {overflow: hidden;width:100%; margin-right:0px; border:none; padding:0px;}
.sidebar {width: 100%;}
.tab-content{padding:0;} 
.column-one-fourth {padding: 0px;width: 480px;margin-bottom:10px;}
.column-content {width:460px; margin-right:0px; border:none; padding:0px;}
.footerwrap {margin: 0 auto;width: 480px;} 
.footernav {margin-left: 0;text-align: center;} 
.footernav ul li {display: inline;float:none;}
.nav{display:none;}
.header{display:none;}
#menu-icon {display: inline-blockl;margin:0px;}
.display-hp {display:inline-block; }
.nav-responsive ul li a {display:block;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 255px;}
}



/*iPhone (portrait)*/	
@media only screen and (max-width: 451px) {
body{font-size: 80%;}
#postopt1 {display:none;} #dekorasi{display:none;}
.header{display:none;}
.wrap {margin:0 auto;} 
.header {height: auto;margin: 0 auto;width: 100%;}
.header .logo {height:auto;padding: 10px 0;text-align: center;width:100%;}
.header-widget img {max-width:310px; }
.comment-respond {width:100%; padding:0;}
textarea {width:250px;}
.header .nav {display:none;}
.header .nav-responsive {background-color: #EEEEEE;display: block;float: left;text-align: center;width: 100%;}
.inputbig{width:auto;} 
.column-three-fourth {overflow: hidden;width:100%; margin-right:0px; border:none; padding:0px;}
.sidebar {width: 100%;}
.column-content {width:100%; margin: auto;}
.column-one-fourth {float: left;padding:0px;width:100%; margin-bottom:0px;}
.footerwrap {margin: 0 auto;width: 310px;} 
.footernav {margin-left: 0;text-align: center;} 
.footernav ul li {display: inline;float:none;}
.footerwrap .widget {border:none; width: 100%;float:none;}
.nav {display:none;}
#menu-icon {display:inline-block; }
.display-hp {display:inline-block; }
.nav-responsive ul li a{display:block;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 240px;}
}



/*	374 kebawah */
@media only screen and (max-width: 375px) {
body{font-size: 80%;}
#postopt1 {display:none;} #dekorasi{display:none;}
.header{display:none;}
.wrap {margin:0 auto;} 
.header {height: auto;margin: 0 auto;width: 100%;}
.header .logo {height:auto;padding: 10px 0;text-align: center;width:100%;}
.header-widget img {max-width:310px; }
.comment-respond {width:100%; padding:0;}
textarea {width:250px;}
.header .nav {display:none;}
.header .nav-responsive {background-color: #EEEEEE;display: block;float: left;text-align: center;width: 100%;}
.inputbig{width:auto;} 
.column-three-fourth {overflow: hidden;width:100%; margin-right:0px; border:none; padding:0px;}
.sidebar {width: 100%;}
.column-content {width:100%;}
.column-one-fourth {float: left;padding:0px;width:100%; margin-bottom:0px;}
.footerwrap {margin: 0 auto;width: 310px;} 
.footernav {margin-left: 0;text-align: center;} 
.footernav ul li {display: inline;float:none;}
.footerwrap .widget {border:none; width: 100%;float:none;}
.nav {display:none;}
#menu-icon {display:inline-block; }
.display-hp {display:inline-block; }
.nav-responsive ul li a{display:block;}
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 212px;}
}
@media only screen and (max-width: 320px) 
{
#mediaplayer, #tontonin, #tontonin1, #container-wall, .mobile {Width: 100%;height: 180px;}
}


/*	@media print
	-------------------------------------------------- */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} a, a:visited { text-decoration: underline} a[href]:after { content: " (" attr(href) ")"} abbr[title]:after { content: " (" attr(title) ")"} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""} img { page-break-inside: avoid} img { max-width: 100% !important} @page { margin: 0.5cm} p, h2, h3 { orphans: 3; widows: 3}
h2, h3 { page-break-after: avoid}
}



@media screen and (max-width: 759px) 
{#tontonin1 {height: 245px}#featureLA {width: 100%}}

@media screen and (max-width: 634px) 
{#tontonin1 {height: 300px}#featureLA, .post {width: 100%}}

@media screen and (max-width: 594px) 
{#tontonin1 {height: 250px}#featureLA, .post {width: 100%}}

@media screen and (max-width: 474px) 
{#tontonin1 {height: 155px}#featureLA, .post {width: 100%}.side1 {width: 60%;}}

@media screen and (max-width: 394px) 
{#tontonin1 {height: 180px}#featureLA, .post {width: 100%}.side1 {width: 55%;}}

@media screen and (max-width: 314px) 
{#tontonin1 {height: 180px}#featureLA, .post {width: 100%}.side1 {width: 50%;}}

@media only screen and (min-width: 320px) and (max-width:768px) 
{
#rata {display:none;}
#desk1 {display:none;}
}

/* sidebar */


/* resposive home */
.home_index {
border: 1px solid #dedede;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-radius: 10px;
    padding-top: 15px;
    background: url(https://2.bp.blogspot.com/-K2vW5bMuzfg/Xaki0joR_-I/AAAAAAAACiM/iMkLW-otWQgrUxSU5G4_eTLNsCSc8rH6QCLcBGAsYHQ/s140/news%2Bupdate.png);
    background-position: left top;
background-repeat: no-repeat;
}
.side_home {}