html {height: 100%; box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {color:white; margin:0; padding:0; background: #000000; scrollbar-face-color: #b46868;}
.gridcontainer {width: 100%; min-height:100%; position:relative;}
.gridwrapper {overflow: auto;}
/*$$$$$$$$$$-----------@media (min-width:320px) {tiny smartphones}--------$$$$$$$$$$*/
/*---------------------TOP NAV BAR---------------------*/
.header {display:block; margin-left:auto; margin-right:auto; top: 0px; width:90%; height: 50px; background: black;}
img.enco {display:block; margin-left:auto; margin-right:auto; top: 20px; padding:15px 0px 0px; width: 200px; /*250px;*/ height:auto; -webkit-filter: brightness(70%);}
.bijlogo, .bijlogoA {width:100%; top: 0px;}
img.bjlogo {display:block; margin-left:auto; margin-right:auto; padding:3% 0% 0%; width:150px; height:auto;}
h1 {font-family: Times New Roman, serif; font-size: 2em; color:#000; text-transform: uppercase; text-align: center; letter-spacing: 2.5px;}
span.hh {display: block; font-family: Times New Roman, serif; font-size: 1.2em; letter-spacing: 1px; text-align: center; padding: 6px 0px 3px; color: #787878; /*#9C9C9C;*/}
/*---------------------MENU (dropdown menu for tiny phones)---------------------*/
.topcup {display: block; margin-left:auto; margin-right:auto; max-width: 150px; border: 0.5px solid #400000; margin-top: 20px; margin-bottom; 0px;}
.topnav {overflow: hidden; background-color: #000;}
.topnav a {float: left; display: block; color: #f2f2f2; font-family: Arial; font-size: 1em; padding: 8px 16px; text-decoration: none;}
.topnav a:not(:first-child) {display: none;}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {position: absolute; right: 0; top: 0;}
.topnav.responsive a {float: none; display: block; text-align: left;}
.topnav a.icon {float: right; display: block;}
.topnav a:hover {background-color: #700000; color: white;}
/*---------------------CENTER GRID (Bij selfie for cell phones)---------------------*/
.centergrid {display: block; max-width:600px; margin-left:auto; margin-right:auto; padding: 28px 2px 5px;}
/*---------------------INFO CENTER, RIGHT & LEFT GRIDS---------------------*/
/*----
CENTER GRID --> MENU, BIJAYA SELFIE (till small layouts)
LEFT GRID --> WRITE-UPs
RIGHT GRID --> MENU, BIJAYA SELFIE, VIDLINKS
Cell : encore logo
CENTER GRID --> bijaya logo
menuholder & menutop
RIGHT GRID --> BIJAYA SELFIE (no display)
LEFT GRID --> WRITE-UPs
menuholderx & menubottom
footer
PC : encore logo
bijaya logo
LEFT GRID --> WRITE-UPs RIGHT GRID --> menuholder & menutop +
--> BIJAYA SELFIE +
--> VIDEO LINKS (vidholder - vidlinks - promos)
footer
----*/
/*---------------------LEFT GRID & WRITE-UPs---------------------*/
.leftgrid, .leftgridA {width:100%;}
.profile {display: block; margin-left:auto; margin-right:auto; width:95%; font-size:1.1em; color: #D7D7D7; line-height:1.7; text-align: justify; padding: 5% 1% 0% 1%;}
.resumex {display: block; margin-left: -10px; margin-right: 0px; width:95%; font-size:1.1em; color: #D7D7D7; line-height:1.5; text-align: left; padding: 5% 0% 1% 0%;}
.filmscontent {display: block; margin-left:auto; margin-right:auto; width:95%; font-size:1.1em; color: #D7D7D7; line-height:1.5; text-align: justify; padding: 5% 1%;}
/* for Profile */
.para {line-height:0.2em}
span.prof {display: block;} /*toggle line break*/
/* for RESUME */
hr.res {display: none; width: 95%; height: 1px; margin-left: auto; margin-right: auto; background-color:#450000; border: 0 none; margin-top: 35px; margin-bottom: 0px;}
li.res {margin: 10px 0;}/*20px 0;*/
span.restara {display: inline-block;}
/* REMOVED */
.resume {margin-left:auto; margin-right:auto; text-align: left;}
span.res {display: inline;}
/* sub-heading for RESUME & FILMOGRAPHY*/
.subhead {display: none; font-family: Garamond, serif; font-size: 15px; text-align:center; padding-top: 10px; padding-bottom: 0;} /* font-size: 20px; padding-bottom: 15px; in Resume */
/* for Filmography*/
.filmsubheader_Tara {display: block; margin-left:auto; margin-right:auto; margin-top: 0; margin-bottom: 15px; width:100%; font-size: 1.2em; font-weight: bold; color: #D7D7D7; text-align: justify; padding: 10px; background: #500000;}
.filmsubheader {display: block; margin-left:auto; margin-right:auto; margin-top: 25px; margin-bottom: 15px; width:100%; font-size: 1.2em; font-weight: bold; color: #D7D7D7; text-align: justify; padding: 10px; background: #500000;}
h6 {font-size: 1.1em; font-weight: bold; color: #A50000; text-align: left; text-decoration: none; /*underline;*/ margin-top: 20px; padding: 10px;}
.pane1_COLUMN {display: block; text-align: justify;} /* 2-column display */
.pane2_abhaas_noCOLUMN {display: block; text-align: justify;} /* only abhaas (critics & dir) no column, no table */
.pane3_abhaas_TABLE {display: none; text-align: justify;} /* only abhaas (critics & dir) no column/ONLY table */
table {border: none; display: none;} /* for abhaas (critics & dir) */
p.goacontent {line-height: 1.5; /*1.8em; margin-bottom: 1.5em;*/}
p.goapoem {font-family: Times New Roman; text-align: right; line-height: 1.3em; font-size: small; font-style: italic; color: #7A7A7A;}
span.goax {display: block;} /* toggle line break (between F.Murray & Bijaya Jena) */
p.gox {display: none; margin-top: 2em;} /* manipulates top margin of goan poem */
p.gox2 {display: none; /*margin-bottom: 0.3em;*/} /* manipulates bottom margin of goan poem */
p.mooncontent {display: block; /*margin-bottom: 0.7em;*/}
p.fin {display: none;} /* manipulates bottom margins of Moon Villa */
/*---------------------RIGHT GRID---------------------*/
.rightgrid {display: none; /*none;*/ max-width:600px; margin-left:auto; margin-right:auto; padding: 28px 2px 5px;}
.menuholder {display: none;}
/*---------------------MENU ke neeche kya hai ???? (BIJAYA SELFIE)---------------------*/
img.bijpx {display:block; margin-left:auto; margin-right:auto; padding: 5% 0% 1%; width: 200px; height:auto; /*border: 0.5px solid #300000;*/}
img.bijpxfilmz {display:none; margin-left:auto; margin-right:auto; padding: 5% 0% 1%; width: 200px; height:auto; /*border: 0.5px solid #100000;*/}
/*---------------------VIDEO LINKS---------------------*/
.vidholder {display: none; width:100%;}
.vidholder2 {display: block; width:100%;} /* promos below content (ONLY) in mobile displays */
.vidlinks {margin-left:auto; margin-right:auto; margin-top: 5%; paddding: 0em; /* background: blue; */
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-width: 100px; -moz-column-width: 100px; column-width: 100px;}
.gyne {text-align: center; width: auto; height: auto; margin: 0 auto; padding: 10px 5px; line-height: 2;} /*font-size: 1em;*/
img.promos {width: 9em; height: auto; padding: 15px 1px 0px;}
p.goops {font-family: Sans-Serif; font-size: 1em; /* color: #A1A1A1; */}
figure1tarapromo {display: table; float: left; width: 120px; text-align: center; font-size: smaller; text-indent: 0; border: none; /*thin solid #470000;*/ margin: 0em 1em 0.5em 0em; padding: 0em 0.5em 0.5em 0em;} /*tara promo*/
figure2tarafilm {display: table; float: right; width: 120px; text-align: center; font-size: smaller; text-indent: 0; border: none; /*thin solid #470000;*/ margin: 0em 0em 0.5em 1em; padding: 0em 0em 0.5em 0.5em;} /*tara film*/
figure3abhaaspromo {display: table; margin-left:auto; margin-right:auto; width: 90%; text-align: center; font-size: smaller; text-indent: 0; border: none; /*thin solid #470000;*/; padding: 5px;} /*abhaas promo*/
figure4moonpromo1 {display: table; float: right; width: 7.5em; font-size: smaller; text-align: center; text-indent: 0; border: none; /*thin solid #470000;*/ margin: 0em 0em 0.5em 1em; padding: 0em;}
figure4moonpromo2 {display: none; float: right; width: 7.5em; font-size: smaller; text-align: center; text-indent: 0; border: none; /*thin solid #470000;*/ margin: 0em 0em 0.5em 1em; padding: 0em;}
figure4moonpromo3 {display: none; float: right; width: 7.5em; font-size: smaller; text-align: center; text-indent: 0; border: none; /*thin solid #470000;*/ margin: 0em 0em 0.5em 1em; padding: 0em;}
figure4moonpromo4 {display: none; float: right; width: 7.5em; font-size: smaller; text-align: center; text-indent: 0; border: none; /*thin solid #470000;*/ 0em 0em 0.5em 1em; padding: 0em;} /*moon villa promo*/
figcaption1tarapromo {padding: 0.5em;}
figcaption2tarafilm {padding: 0.5em;} /*display: table-caption; caption-side: top;*/
figcaption4moonpromo {padding: 0.5em; font-size: 0.9em;}
img.filmzfoto1tarapromo-film {width: 120px; height: auto; padding: 10px 1px;} /*tara promo & film*/
img.filmzfoto3abhaaspromo {width: 90%; height: auto; margin: 0 auto; padding: 10px 1px;} /*abhaas promo*/
img.filmzfoto4BJCU {width: 120px; height: auto;} /* bij b&w high contrast photo*/
img.filmzfoto5BJAKSH {width: 150px; height: auto;} /* Abhaas_Bij-Akshay */
img.goan1 {display: block; width:100%; height: auto;} /*goan sonata thumbnail*/
img.goan2 {display: none;}
img.goanbroch1, img.goanbroch3s, img.goanbroch2 {display: block; width: 90%; height: auto; margin: 0 auto; padding: 5px;}
img.goanbroch3 {display: none;} /* umbrell image */
img.murray {width:125px; height: auto; float: right; padding-left: 1em;}
img.catarina {display: none; width:120px; height: auto; float: left; padding-right: 1em;}
img.catarinax {display: inline; width:120px; height: auto; float: left; padding-right: 1em;}
img.moonposter {display: block; width: 90%; height: auto; margin: 0 auto; padding: 5px;} /*moon villa poster*/
/* .moonpromo {display: block; margin-left:auto; margin-right:auto; margin-top: 5%;} unrequired */
img.moonpromos {width: 120px; /*12em;*/ height: auto; padding: 10px 1px; /*15px 1px 0px;*/}
/*---------------------BOTTOM MENU---------------------*/
.menuholderx {display: none;}
/*---------------------FOOTER CONTACT BOTTOM BAR---------------------*/
/* till NEW RESPONSIVE LAYOUT */
.footer-wrapxx {display: block; width:100%; height:40px; bottom: 0; left: 0; right: 0; z-index:20;}
.footxx {text-align: center; font-size: 1em; padding: 0; letter-spacing: 1.5px; word-spacing: 1em; line-height: 39px;}
/* from NEW RESPONSIVE LAYOUT */
.footer-wrap {display: none; /*width:100%; height:40px; bottom: 0; left: 0; right: 0; z-index:20;*/}
.foot {text-align: center; font-size: 1em; padding: 0; letter-spacing: 1.5px; word-spacing: 1em; line-height: 39px;}
/*--------------------------------------------------------------------------------------------
_ _ _
(_) | | (_)
_ __ ___ ___ _ __ ___ _ __ ___ ___ _____ | |__ ___ __ _ _ _ __ ___
| '__/ _ \/ __| '_ \ / _ \| '_ \/ __| \ \ / / _ \ | '_ \ / _ \/ _` | | '_ \/ __|
| | | __/\__ \ |_) | (_) | | | \__ \ |\ V / __/ | |_) | __/ (_| | | | | \__ \
|_| \___||___/ .__/ \___/|_| |_|___/_| \_/ \___| |_.__/ \___|\__, |_|_| |_|___/
| | __/ |
|_| |___/
-----------------------------------------------------------------------------------------------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:360px)--------$$$$$$$$$$$$$$$-----iphone6 portrait (topcup removed, horizontal menus displayed)-------*/
@media (min-width:360px) {
.topcup {display: none;}
.menuholder {display: block; width:98%; margin-left:auto; margin-right:auto; padding: 0px 40px 0px 0px;}
.menutop {list-style:none; text-align: center; line-height: 1.5; font-family: Arial; font-size: 0.9em;}
.menutop li{display:inline;}
.menutop a {display:inline-block; padding: 5px 6px; color: #FFFFFF;}
.menutop li a:hover {text-decoration: none; border: none;}
.menutop li a#current {text-decoration: none; color: #C90000;}
.menuholderx {display: block; width:100%; margin-left:auto; margin-right:auto; padding: 0px 40px 0px 0px;}
.menubottom {list-style:none; text-align: center; line-height: 1.5; font-family: Arial; font-size: 0.9em;}
.menubottom li{display:inline;}
.menubottom a {display:inline-block; padding: 0px 6px 11px; color: #FFFFFF;}
.menubottom li a:hover {text-decoration: none; border: none;}
.menubottom li a#current {text-decoration: none; color: #C90000;}
figure1tarapromo, figure2tarafilm, img.filmzfoto1tarapromo-film, img.filmzfoto5BJAKSH, figure4moonpromo1, img.moonpromos {width: 11.25em;} /*tara promo & film + bijakshay*/
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:414px)--------$$$$$$$$$$$$$$$-----iphone6plus portrait-------*/
@media (min-width:413px) {
figure1tarapromo, figure2tarafilm, img.filmzfoto1tarapromo-film, img.filmzfoto5BJAKSH, {width: 12.5em;} /* tara promo & film + bijakshay + mv promo */
figure4moonpromo1, img.moonpromos {width: 11.25em;}
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:480px)--------$$$$$$$$$$$$$$$-----iphone4 landscape-------*/
@media (min-width:479px) {
figure1tarapromo, figure2tarafilm, img.filmzfoto1tarapromo-film, img.filmzfoto5BJAKSH, {width: 14em;}
figure4moonpromo1 {display: none;}
figure4moonpromo2, img.moonpromos {display: table; width: 14em;}
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:533px)--------$$$$$$$$$$$$$$$-----iphone5 landscape-------*/
@media (min-width:532px) {
figure4moonpromo2 {display: none;}
figure4moonpromo3, img.moonpromos {display: table; width: 14em;}
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:568px)--------$$$$$$$$$$$$$$$-----iphone5 landscape-------*/
@media (min-width:567px) {
.resumex {margin-left:auto; margin-right:auto;}
figure3abhaaspromo {float: left; width: 50%; margin: 0em 1em 0.5em 0em; padding: 0em;
display: table; text-align: center; font-size: smaller; text-indent: 0; border: none;}
img.filmzfoto5BJAKSH {width: 50%;}
img.goanbroch3s {display: block; width: 50%; height: margin:0px 0px 16px 10px; padding: 5px; float: right;}
p.gox {display: block; margin-top: 2em;} /* manipulates top margin of goan poem */
p.gox2 {display: none; /*margin-bottom: 0.3em;*/} /* manipulates bottom margin of goan poem */
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:600px)--------$$$$$$$$$$$$$$$-------*/
@media (min-width:599px) {
img.goan1 {display: none;} /* goan sonata thumbnail */
img.goan2 {display: block; width:100%; /*550px;*/ height: auto; margin-left:auto; margin-right:auto; margin-bottom: 1em;}
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:667px)--------$$$$$$$$$$$$$$$-----iphone6 landscape-------*/
@media (min-width:666px) {
.menuholder, .menuholderx {padding: 0px 50px 0px 0px;}
.profile {width:600px;}
span.prof {display: inline;}
.resumex {width:600px; margin-left:auto; margin-right:auto; line-height:1.7;}
.filmscontent {width:600px; line-height:1.7;}
.subhead {font-size: 2em; padding-top: 0px;}
hr.res {display: none; width: 500px;}
img.moonposter {display: block; width:600px; height: auto;}
.vidlinks {margin-left: 30%; margin-right: 30%; paddding: 0em 20em;}
}
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:735px)--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1024px)--------$$$$$$$$$$$$$$$-------*/
@media (min-width: 1023px) {
.filmscontent {width: 800px;}
.pane1_COLUMN {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 40px;2 -moz-column-gap: 40px;2 column-gap: 40px;
-webkit-column-rule: 1px solid #490000; -moz-column-rule: 1px solid #490000; column-rule: 1px solid #490000;}
.pane2_abhaas_noCOLUMN {display: none; text-align: justify;} /*no column, no table display & also for goan sonata */
.pane3_abhaas_TABLE {display: block;} /* no column/ONLY table (meant for ONLY mobile _abhaas critics & dir's remarks)*/
table {border: none; display: block; width: 100%; word-wrap: break-word;}
td {width: 50%; word-wrap: break-word; padding: 1%;}
/*img.goan2 {display: block; width:800px; height: auto; margin-left:auto; margin-right:auto;}*/
img.goanbroch1, img.goanbroch2 {display: block; width: 60%; height: auto; float: left; padding-right: 1em;}
img.goanbroch3 {display: none;}
img.goanbroch3s {display: block; width: 50%; height: auto; float: right; padding-left: 1em;}
p.goacontent {line-height: 1.8em; margin-bottom: 1.5em;}
p.gox {display: block; margin-top: 7em;} /* manipulates top margin of goan poem */
p.gox2 {display: none; margin-bottom: 0.3em;} /* manipulates bottom margin of goan poem */
span.goax {display: inline;} /* toggle line break (between F.Murray & Bijaya Jena) */
/* .moonpromo {display: none;} */
img.moonposter {display: inline; width: 55%; height: auto; padding-right: 1em; float: left;}
p.mooncontent {display: block; margin-bottom: 1em;}
figure4moonpromo1 {display: none;}
figure4moonpromo2 {display: none; }
figure4moonpromo3 {display: table; width: 14em;}
}
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------NEW LAYOUT--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1280px)--------$$$$$$$$$$$$$$$----nk macbook---*/
@media (min-width:1279px) {
img.enco {width:200px;} /* 300px;*/
.centergrid {display: none;}
.bijlogo {width: 800px; margin-top: 2%; margin-left: 3%; padding: 0px 2px;}
.leftgrid {width:800px; margin-top: 0; margin-left: 4%;}
.bijlogoA {width: 660px; margin-top: 2%; margin-left: 15%; padding: 0px 2px;}
.leftgridA {width:660px; margin-top: 0; margin-left: 15%;}
.profile {width:800px; font-size:1em; padding: 5% 3%;
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 40px;2 -moz-column-gap: 40px;2 column-gap: 40px;
-webkit-column-rule: 1px solid #490000; -moz-column-rule: 1px solid #490000; column-rule: 1px solid #490000;}
.resumex {margin-left:auto; margin-right:auto; width:650px; font-size:1em; padding: 5% 3%; line-height:1.7;}
.filmscontent {width:800px; font-size:1em; padding: 5% 3%; line-height:1.7;}
hr.res {display: block;};
img.moonposter {display: inline; width: 60%;}
figure4moonpromo1 {display: none;}
figure4moonpromo2 {display: none; }
figure4moonpromo3 {display: none;}
.rightgrid {display:block; position: fixed; width:380px; right: 1.5%; /*4.6%;*/ top: 10%; /*18%;*/ padding: 2px 0px;} /* background: #020040; deep dark blue*/
.menuholder {width: 380px; margin-left: -5px; margin-right: auto; top: 10%; padding: 0px 40px 0px 0px;} /* background: blue; right: 3%;*/ /*position: fixed;*/
.menuholderx {display: none}
.menutop {font-size: 1em; list-style:none; text-align: center; font-family: Arial;}
.menutop li{ display:inline;}
.menutop a {padding: 0px 10px; /*15px;*/ display:inline-block; color: #FFFFFF;}
.menutop li a:hover {background: #6d0019; text-decoration: none; border: none;}
.menutop li a#current { text-decoration: none; color: #C90000;}
img.bijpx, img.bijpxfilmz {display:block; width: 250px; height:auto; border: none; margin-left: auto; margin-right: auto; padding: 15% 0%;}
.vidholder {display: block; margin-left: auto; margin-right: auto; width:280px; margin-top: 0px; margin-bottom: 20px;} /* position: fixed;*/ /*right: 1.5%;*/
.vidholder2 {display: none;}
.vidlinks {margin-left:auto; margin-right:auto; margin-top: 0px; /*2%;*/ padding: 0em;
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-width: 40px; -moz-column-width: 40px; column-width: 40px;}
.gyne {padding: 5px 0px;
/* font-size: 1em; */ text-align: center; width: auto; height: auto; margin: 0 auto; line-height: 2;}
img.promos {width: 8em; height: auto; padding: 5px 1px 0px;}
p.goops {font-family: Sans-Serif; font-size: 0.9em; /* color: #A1A1A1; */}
img.goan1 {display: none;}
/*img.goan2 {display: block; width:700px; height: auto; margin-left:auto; margin-right:auto;} */
p.mooncontent {display: block; margin-bottom: 1em;}
}
/*---------------
-------.footer-wrapxx {display: none;}
.footer-wrap {display: block; position: fixed; float: right; width: 380px; bottom: 2%; left: auto; margin-right: 2%;
height:40px; z-index:20;}
-------.foot {text-align: center; font-size: 1.1em; padding: 0; letter-spacing: 1.5px; word-spacing: 1em; line-height: 39px;}
----------------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1365px)--------$$$$$$$$$$$$$$$----Lopa Laptop---*/
@media (min-width:1365px) {
.bijlogo, .leftgrid {margin-left: 5%;}
.bijlogoA, .leftgridA {margin-left: 18%;}
.rightgrid {width:400px; right: 2%;} /* background: #2C0000; deep dark red*/
.menuholder {padding:0px;} /* background: #5C5900; deep dark yellow*/
.menutop a {padding: 0px 15px;}
img.bijpx, img.bijpxfilmz {padding: 10% 0%;}
.vidholder {margin-top: 10px; margin-bottom: 0px;}
/*img.goan2 {display: block; width:750px;}*/
} /*--.menuholder {right: 5%;} .vidholder {right: 3.5%;}--*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1440px)--------$$$$$$$$$$$$$$$-------*/
@media (min-width:1439px) {
.bijlogo, .leftgrid {width:1000px; margin-left: 2%;}
.bijlogoA, .leftgridA {margin-left:auto; margin-right:auto; /*margin-left: 27%;*/}
.filmscontent {width: 1000px;}
.rightgrid {right: 0px;}
img.bijpx, img.bijpxfilmz {padding: 15% 0%;}
.vidholder {margin-top: 12%;}
/*img.goan2 {display: block; width:100%;}*/
img.goanbroch3s {display: none;}
img.goanbroch3 {display: block; width: 50%; height: auto; float: right; padding-left: 1em;}
p.gox {display: none; margin-top: 2em;} /* manipulates top margin of goan poem */
img.catarina {display: inline; width:120px; height: auto; float: left; padding-right: 1em;}
img.catarinax {display: none; width:120px; height: auto; float: left; padding-right: 1em;}
img.moonposter {display: inline; width: 60%; padding-right: 2em;}
p.mooncontent {display: block; margin-bottom: 3em;}
figure4moonpromo1 {display: none;}
figure4moonpromo2 {display: none; }
figure4moonpromo3 {display: none;}
p.fin {display: block; margin-top: 15em;}
.footer-wrapxx {display: none;}
.footer-wrap {display:block; position: fixed; width:400px; right: 0px; bottom: 2%;}
.foot {text-align: center; font-size: 1.1em; padding: 0; letter-spacing: 1.5px; word-spacing: 1em; line-height: 39px;}
}
/*.footer-wrap {bottom: 5px;} .rightgrid {top: 20%;} .bijlogo {width: 1000px; margin-top: 2%; margin-left: 3%; padding: 0px 2px;} .vidholder {bottom: 9%;}*/
/*---------------
-------.footer-wrapxx {display: none;}
.footer-wrap {display: block; position: fixed; float: right; width: 380px; bottom: 2%; left: auto; margin-right: 2%;
height:40px; z-index:20;}
-------.foot {text-align: center; font-size: 1.1em; padding: 0; letter-spacing: 1.5px; word-spacing: 1em; line-height: 39px;}
----------------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1600px)--------$$$$$$$$$$$$$$$-------*/
@media (min-width:1600px) {
img.enco {width: 300px;}
.bijlogo, .leftgrid {margin-left: 8%;} /*margin-left:auto; margin-right:auto; background: blue;*/
.bijlogoA, .leftgridA {margin-left: 30%;}
.rightgrid {right: 4%;}
.footer-wrap {right: 4%;}
}
/* .menuholder {right: 12%;} .vidholder {right: 10%; bottom: 8%;}*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1680px) --------$$$$$$$$$$$$$$$-------*/
@media (min-width:1679px) {
img.bijpx, img.bijpxfilmz {width: 350px; height:auto;}
.vidholder {margin-top: 18%;}
span.prof {display: block;}
.rightgrid {right: 7%;}
}
/* .bijlogo, .bijlogoA, .leftgrid, .leftgridA {margin-left: 5%; }
span.prof {display: block;}
.footer-wrap {margin-right: 5%;}
.menuholder {right: 15%;} .vidholder {right: 13.5%; bottom: 10%;} */
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1920px) NK PC--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1920px) NK PC--------$$$$$$$$$$$$$$$-------*/
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-width:1920px) NK PC--------$$$$$$$$$$$$$$$-------*/
@media (min-width:1919px) {
.bijlogo, .leftgrid {margin-left: 12%;}
.bijlogoA, .leftgridA {margin-left:auto; margin-right:auto;}
.rightgrid, .footer-wrap {right: 12%;}
img.goan1 {display: none;}
img.goan2 {display: inline; width: 100%; margin-bottom: 20px;}
p.mooncontent {display: block; margin-bottom: 3em;}
figure4moonpromo1 {display: none;}
figure4moonpromo2 {display: none; }
figure4moonpromo3 {display: none;}
}
/* .vidholder {bottom: 15%;} .footer-wrap {bottom: 5%;} */
/*--------$$$$$$$$$$$$$$$-------MEDIA QUERY (min-height:1200px) --------$$$$$$$$$$$$$$$-------*/
@media (min-height:1199px) {
.rightgrid {top: 8%;}
.vidholder {margin-top: 25%;}
} /* */