/* Temperory */
#page-wrshp .qutn-base { display:none;}
.page-wrshp ul li:nth-child(5){display:none;}
.page-wrshp ul li:nth-child(7){display:none;}




/* Home Slider */
.haiSlides {display: none;}
.haiSlides img {vertical-align: middle; width:100%;}
.hai-slideshow { max-width: 100%; position: relative; margin: auto; box-shadow:0px 0px 10px rgb(0 0 0 / 50%); top:5px; z-index:0; border-top: 5px solid #fff; border-bottom: 5px solid #fff;}
.haicaptn { position: absolute; left: 0; bottom: 15px; display:none; /*display: inline-block;*/ padding: 8px 12px;width:600px;padding: 15px; margin: 0;  width: 500px;; background-color:#ffffffe0; border-top-right-radius:10px;border-bottom-right-radius:10px; box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);}
.haicaptn h2{width:100%;font: normal 35px 'Yanone Kaffeesatz', sans-serif;line-height: 35px; color: #0058B0;}
.haicaptn p{ display:inline-block; font-size: 16px;line-height: 22px;color: #555;	font-family: arial; text-align:justify; margin:0px}
.dotss { display:none; display:text-align:center;}
.dot { height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.fade {-webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade; animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4;}  to {opacity: 1}}
@media all and (max-width: 300px) { .haicaptn {font-size: 11px}}

/*Home Courses*/
.haicrse{text-align: center;line-height: 35px;	font: normal 35px 'Yanone Kaffeesatz', sans-serif;	margin: 12px auto;	color: #555; 	text-transform: uppercase;	letter-spacing:2px;	padding:0px;}
@media all and (max-width: 480px){.haicrse {font-size: 8vw;  margin: 5px auto;}}

.corses-link{ max-width:1300px;display:grid; grid-template-columns: repeat(6, 1fr);grid-gap:10px; padding:10px;margin-top:5px;justify-content: center;  margin:0px auto;}
.corses-link a{font: normal 24px 'Yanone Kaffeesatz', sans-serif; color: #fff; text-transform:uppercase; text-align:center; padding: 10px; background-color:#555; border-radius:3px; transition:1s; letter-spacing:1px;}
.corses-link a:hover {background-color: #555;}
.corses-link a:last-child {margin-right:0px;}
.corses-link a:nth-child(1) {background-color:#20639B;}
.corses-link a:nth-child(2) {background-color:#ec4176;}
.corses-link a:nth-child(3) {background-color:#a13670;}
.corses-link a:nth-child(4) {background-color:#23837a;}
.corses-link a:nth-child(5) {background-color:#ED553B;}
.corses-link a:nth-child(6) {background-color:#543884;}
.corses-link a:hover {background-color:#333;}
@media all and (max-width: 435px){.corses-link {grid-template-columns: repeat(1, 1fr);}}
@media (min-width: 435px) and (max-width: 632px) {.corses-link {grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 632px) and (max-width: 1150px) {.corses-link {grid-template-columns: repeat(3, 1fr);}}
@media (min-width: 1150px) and (max-width: 1262px) {.corses-link a {letter-spacing: normal;}}

.corseblk { max-width: 1300px; margin: 0px auto; text-transform:uppercase;}
.crsedivttl {text-align: center; font: normal 35px 'Yanone Kaffeesatz', sans-serif;  color: #fff; text-transform: uppercase; letter-spacing: 5px;  padding: 2px 10px 5px 14px;    display: table;  margin: 30px auto 0px auto;background-color: #000; border-radius: 7px; cursor:default;}
.crsediv { display: grid; grid-gap: 12px; list-style:none; padding:10px;  border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.crsediv img {height: auto; vertical-align: middle; width: 100%;}
.crsediv a { display:block;text-decoration:none; color:#555; padding: 5px;font-size:14px; line-height:16px; background-color: #fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); cursor:pointer; transition:1s;}
.crsediv a span{ display:block; text-align: center;font-family: arial;font-size: 13px;line-height: 16px; }
.crsediv a span:nth-child(2){ font-family:Arial, Helvetica, sans-serif; font-size:17px;color: #555;margin-top:10px; text-transform:none;}
.crsediv a span:nth-child(3){font: normal 30px 'Yanone Kaffeesatz', sans-serif;color: #EF5455;letter-spacing: 1px; margin-top:5px;text-transform: none;}
.crsediv a span:nth-child(4) { font-family:Arial, Helvetica, sans-serif; font-size:14px;color: #555; margin:0px; text-transform:none;}
.crsediv a span:nth-child(5) { font-family:Arial, Helvetica, sans-serif; font-size:13px;color: #555; margin-top:2px; text-transform:none;}
.crsediv a span:last-child { color: #fff; background-color: #607d8b; padding: 5px; width: 90px; border-radius: 5px;  margin: 7px auto 3px auto !important; transition:1s;  text-transform:none;}
.crsediv a span:last-child:hover {background-color:#EB268F;}
.corseblk .clrs1 {background-color:#a13670;}
.corseblk .clrs2 {background-color:#ec4176;}
.corseblk .clrs3 {background-color:#a13670;}
.corseblk .clrs4 {background-color:#23837a;}
.corseblk .clrs5 {background-color:#ED553B;}
.corseblk .clrs6 {background-color:#543884;}
@media all and (max-width: 590px){
.crsediv {grid-template-columns: repeat(1,1fr);}
.pntgne {display:none;}
.kidnne {display:none;}}
@media (min-width: 590px) and (max-width: 870px) {
.crsediv {grid-template-columns: repeat(2,1fr);}
.grphne {display:none;}
.pntgne {display:none;}
.folkne {display:none;}}
@media (min-width: 870px) and (max-width: 1170px) {
.crsediv {grid-template-columns: repeat(3,1fr);}
.mfanne {display:none;}
.kidnne {display:none;}}
@media all and (min-width: 1170px){	
.crsediv {grid-template-columns: repeat(4,1fr);}
.grphne {display:none;}
.pntgne {display:none;}
.folkne {display:none;}}
@media all and (min-width: 1325px){	.crsediv a:hover{background-color:#d6e9ec; transform:scale(1.1,1.1);}}

/* Artworks */
.image-panel { float:left; width: 100%;  margin-top:10px;}
.image-panel-top { background: url('txtup.png'); height:16px; }
.image-panel-middle { padding-top:5px; padding-bottom:5px; background-color: #010101;}
.image-panel-bottom { background: url('txtdn.png'); height:16px; }
.home-profile {width:100%; text-align:center;  margin:auto 0px;}
.home-profile li {display:inline-block;  margin: 0px 4px;}
.campstdio { color: #f1f1f1;font: normal 40px 'Yanone Kaffeesatz', sans-serif; padding: 12px 0px 0px 0px; letter-spacing: 18px; text-transform: uppercase;}
.galrymore{color: #f1f1f1; font: normal 24px 'Yanone Kaffeesatz', sans-serif; letter-spacing: 7px; text-transform: uppercase;transition: 1s;}
.galrymore .fa {color:#EB268F; font-size:20px; line-height:24px;transition: 1s;}
.galrymore:hover {color:#EB268F;}
.galrymore:hover .fa {color:#00B0F0;}

@media screen and (max-width: 320px) {
.galrymore { font-size:8.5vw; letter-spacing:2.5vw;}
.galrymore .fa {font-size: 7vw;}}
@media all and (max-width: 480px){.campstdio { font-size:7vw; letter-spacing: 3.5vw;}}
@media (min-width: 481px) and (max-width: 640px) {.image-panel-middle { padding-top:5px; padding-bottom:5px;}}
@media (min-width: 641px) and (max-width: 768px) {.image-panel-middle { padding-top:5px; padding-bottom:5px;}}
@media (min-width: 978px) and (max-width: 1023px) {.image-panel-middle { padding-top:10px; padding-bottom:10px;}}
@media all and (min-width: 1024px) and (max-width: 1151px){.image-panel-middle { padding-top:10px; padding-bottom:10px;}}
















































/* Backgrounds 
.backbody {display:flex;flex-direction: column; align-items: center; margin: -12px auto 10px auto; width:100%; background-image:url(ifa.jpg); background-position:top center; background-repeat:repeat-x;}
.backbody2{display:block;margin: 0px auto; width:100%; background-image:url(ifa2.jpg); background-position:bottom center; background-repeat:repeat-x; padding-bottom:50px;}


@media all and (max-width: 480px){
.backbody {background-repeat: no-repeat; background-size: 135%;}
.backbody2 {background-repeat: no-repeat; background-size: 135%;}
}
*/

/* Online Courses 
.topsldr { border-radius: 12px; background-color: #fff; display: flex;  padding: 10px; transform: rotate(-1deg); box-shadow: 5px 5px 6px rgb(0 0 0 / 40%);grid-column-gap: 12px; width:98%; max-width: 800px; overflow:hidden;}
.topimg {overflow:hidden;}
.topimg2 {width: 100%;}
.topimg img { width:100%; transition:1s;border-radius: 8px;}
.topimg img:hover {transform: scale(1.2,1.2) rotate(-5deg);}
.topsldr h2 {font: normal 35px 'Yanone Kaffeesatz', sans-serif; color: #EB268F; text-align: center;}
.topsldr p {font-family: arial; font-size: 14px;  font-style: normal; color: #555; font-weight: normal; line-height: 20px; text-align: justify;}
.topsldr a{display: table; background: #00B0F0;  font-family: arial; font-size: 14px;  color: #fff;padding: 15px;  border-radius: 5px; transition: 1s; cursor: pointer; margin: 5px auto 0px auto;}
.topsldr a:hover { background-color:#EB268F;}

@media screen and (max-width: 320px) {
.topsldr h2 { font-size:11vw; line-height:11vw;}
}

@media (max-width: 600px){
.topsldr {  flex-direction: column; text-align:center; background:none; transform:none; width:100%; box-shadow:none;border-bottom: 4px solid #00000014; border-radius: 0px;}
.topsldr h2 { margin-top: -22px;}
.topsldr2 {display: flex; flex-direction: column; align-items: center;}
.topimg img { width: 50%;  transition: 1s; border-radius: 18px;background-color: #fff; padding: 2px; box-shadow: 4px 4px 7px rgb(0 0 0 / 40%);}
.topimg img:hover {transform: scale(1.1,1.1) rotate(-5deg);}
.topimg {padding: 30px 0px;}
.topimg2 {align-items: center; display: flex; flex-direction: column;}
}

@media (min-width: 601px) and (max-width: 810px) {
.topsldr h2 { font-size:4.5vw;}
.topsldr p { font-size: 1.8vw; line-height: 2.4vw;}
.topsldr a { font-size: 14px;  padding: 10px;}
}

*/




/* Degree */
.degree {display: flex; padding: 10px;max-width:600px; width:100%; margin:0px auto; }
.degree li {align-items: center; display: flex; flex-direction: column; width: 50%;}
.degree li:first-child {border-right:1px solid #555;}
.degree li span {display:block;}

.degree li span:nth-child(1) {font-size: 110px; line-height: 110px; color: red; letter-spacing: 2px;  font-family: arial; font-weight: bold;}
.degree li span:nth-child(2) {text-align: center;font: normal 28px 'Yanone Kaffeesatz', sans-serif; line-height: 10px; letter-spacing: 1px;
    font-weight: normal;  color: #555; text-transform: uppercase;}
.degree li span:nth-child(3) { display:flex; column-gap:10px;font-size: 14px; line-height: 15px; margin-top:10px; text-transform: none; color: #555; font-family: arial; letter-spacing: normal;}
.degree li span:nth-child(3) a {text-decoration:none; color:#555;border-left: 1px solid #999; padding-left: 7px; transition:1s;}
.degree li span:nth-child(3) a:hover {color:#00B0F0;}
.degree li span:nth-child(3) .fa {color:#EB268F; padding-left:3px;}

@media all and (max-width: 240px){
.degree li span:nth-child(1) {font-size: 38vw; line-height: 38vw;}
.degree li span:nth-child(2) { font-size: 10vw;line-height: 4vw;}
.degree li span:nth-child(3) {font-size: 6vw; line-height: 15px; margin-top: 3vw;}
}

@media screen and (max-width: 320px) {
.degree {flex-direction: column;}
.degree li { width: 100%;}
.degree li:first-child { border-right: none; border-bottom: 1px solid #00000040; padding-bottom:10px;}
}


@media (min-width: 321px) and (max-width: 520px) {
.degree li span:nth-child(1) {font-size: 20vw; line-height: 20vw;}
.degree li span:nth-child(2) { font-size: 5.2vw;line-height: 2vw;}
.degree li span:nth-child(3) {font-size: 3vw; line-height: 15px; margin-top: 2vw;}

}



/* All Courses 
.desktop { position: relative; min-height: 1px; max-width:1200px; width:95%; margin:0px auto;}
.allcrse {display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.allcrse .crsedtls {    display: flex;flex-direction: column;  background: #fff; box-shadow: 0px 0px 4px rgb(0 0 0 / 50%); font-weight: normal; border-top-left-radius:15px; border-top-right-radius:15px;border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow:hidden;}
.allcrse .crseimg {border-top-left-radius:15px; border-top-right-radius:15px;border-top-left-radius:15px; border-top-right-radius:15px; overflow:hidden;}
.allcrse .crseimg img {width:100%; transition:1s; cursor:pointer;}
.allcrse .crseimg img:hover {transform: scale(1.2,1.2) rotate(-5deg);}
.allcrse .crsedtls .crseicn img{ display: block; width: 60px; height: 60px;  margin: -35px auto 6px auto; padding: 3px; background-color: #fff;  border-radius: 100%;  box-shadow: 1px 1px 2px rgb(0 0 0 / 60%); position:relative;}
.allcrse .crsedtls h2 {font: normal 36px 'Yanone Kaffeesatz', sans-serif; line-height:36px; letter-spacing: 1px; text-transform: uppercase;  color: #EB268F;text-align:center; margin-top:5px;}
.allcrse .crselists {display:block;}
.allcrse .crselists a {display: flex; justify-content: space-between; font-family: arial; font-size: 16px; line-height:16px; font-weight: normal; color: #0058B0; text-transform: none; padding: 14px;  border-bottom: 1px solid #0003;}
.allcrse .crselists p {font-size:13px; margin-block-start: 5px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; color:#555;}
.allcrse .crselists a span { font-size: 12px;  font-family: arial;  color: #fff;  background-color: #607d8b;  padding: 7px;  border-radius: 5px; transition: 1s;   text-transform: none;  height: 28px;  align-self: center;}
.allcrse .crselists a span:hover {background-color:#EB268F;}
.allcrse .crselists a:hover {background-color:#00000020;}
.allcrse .crsedtls .morecorse {padding:10px; text-align:center; font-size:14px; border-top:3px solid #0000003d; transition:1s; color:#f1f1f1; }
.allcrse .crsedtls:nth-child(1) .morecorse {background-color:#9f4ad8; }
.allcrse .crsedtls:nth-child(2) .morecorse {background-color:#c81d84;}
.allcrse .crsedtls:nth-child(3) .morecorse {background-color:#147419;}
.allcrse .crsedtls:nth-child(4) .morecorse {background-color:#d47d17;}
.allcrse .crsedtls:nth-child(5) .morecorse {background-color:#0d958b;}
.allcrse .crsedtls:nth-child(6) .morecorse {background-color:#926d0f;}
.allcrse .crsedtls .morecorse:hover {background-image:  url(pxl.png);	background-repeat: repeat;}


@media all and (max-width: 240px){
.allcrse .crsedtls h2 { font-size:13vw;line-height: 12vw;}
}

@media screen and (max-width: 275px) {
.allcrse .crselists a {border-radius: 0px !important;  box-shadow: none !important; border-bottom: 1px solid #0003 !important; margin:0px !important; align-items:center; text-align:center;}
.allcrse .crselists a span { align-self:unset !important; margin-top:6px !important;}
}

@media all and (max-width: 375px){
.allcrse .crselists a {flex-direction: column;  padding: 8px;  margin: 10px; border: none;  border-radius: 5px;  box-shadow: 1px 1px 4px rgb(0 0 0 / 35%);}
.allcrse .crselists a span { align-self: flex-end;}
}

@media (max-width: 600px){
.allcrse {grid-template-columns: repeat(1, 1fr);}
}

@media (min-width: 600px) and (max-width: 768px) {
.allcrse .crselists a {flex-direction: column;  padding: 8px;  margin: 10px; border: none; border-radius:5px; box-shadow:1px 1px 4px rgb(0 0 0 / 35%);}
.allcrse .crselists a span {align-self: flex-end;}
}

@media (min-width: 601px) and (max-width: 1170px) {
.allcrse {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width: 900px){
.allcrse {grid-gap: 18px;}
}
*/



/* Workshop */
.ancwrshp {font: normal 35px 'Yanone Kaffeesatz', sans-serif;  color: #EB268F; text-align: center;letter-spacing: 1px;margin-top:15px;}
.ancwrshp .fa {color:#333;}
.morwrksp {display: inline-block;text-align: center; width: 100%; margin: 20px auto;}
.morwrksp a {text-decoration: none;color: #f1f1f1;background: #777;font: normal 24px 'Yanone Kaffeesatz', sans-serif; padding: 12px;  border-radius: 5px; transition: 1s; cursor: pointer; font-weight: normal; letter-spacing: 1px;}	
.morwrksp a .fa {font-size: 16px; color: #00B0F0; background-color: #fff;  width: 30px;  height: 30px;  border-radius: 100%; margin-left: 5px; line-height: 30px; text-align: center;transition: 1s;}
.morwrksp a:hover {background-color:#00B0F0;}
.morwrksp a:hover .fa {color:#EB268F;}

@media screen and (max-width: 320px) {
.ancwrshp .fa { display:block;margin: 12px auto; font-size: 17vw;  background-color: #fff; width: 30vw; height: 30vw; line-height: 30vw; border-radius: 100%;border: 1vw solid #00B0F0;box-shadow: 4px 4px 7px rgb(0 0 0 / 40%);}
.ancwrshp { margin:0px; font-size:12vw;}
.morwrksp a { font-size:9vw; padding: 4vw;}
.morwrksp a .fa {font-size: 6vw; width: 9vw; height: 9vw;margin-left: 1vw; line-height: 9vw;}
}







/* Circlecon */
.circlecon { margin: 20px auto; display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 10px; justify-items: center; max-width: 1200px; width: 100%;}
.circlecon p {  text-align: center;  margin: 10px 0px 0px 0px; font-weight: bold;font-size:12px; line-height:12px;color:#595959;cursor:pointer;}
.circlecon p:hover{color:#EB268F;}
.circlecon .climgcon img { transition: 300ms ease-in-out;padding:3px;border-radius:50%;	width:85px;}
.circlecon .climgcon:nth-child(1) img {background:#f9bf1bfc;}
.circlecon .climgcon:nth-child(2) img {background:#8ad84d;}
.circlecon .climgcon:nth-child(3) img {background:#f7664c;}
.circlecon .climgcon:nth-child(4) img {background:#8eaff0;}
.circlecon .climgcon:nth-child(5) img {background:#ffbb00;}
.circlecon .climgcon:nth-child(6) img {background: #fb87c5;}
.circlecon .climgcon:nth-child(7) img {background: #96FF2D;}
.circlecon .climgcon:nth-child(8) img {background:#8686D7;}
.circlecon .climgcon:nth-child(9) img {background:#21bdbd;}
.circlecon .climgcon:nth-child(10) img {background:#ea0000fc;}
.circlecon .climgcon img:hover {transform: rotate(360deg);}
.circlecon .climgcon {text-align:center;}

@media all and (max-width: 240px){
.circlecon { grid-template-columns: repeat(1, 1fr); }
.circlecon .climgcon img { width: 50vw;}
}

@media (min-width: 241px) and (max-width: 351px) {
.circlecon { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 350px) and (max-width: 400px) {
.circlecon {grid-template-columns: repeat(3, 1fr);} 
.circlecon a:nth-child(10) {display:none;}
}

@media (min-width: 401px) and (max-width: 480px) {
.circlecon {grid-template-columns: repeat(3, 1fr);} 
.circlecon a:nth-child(10) {display:none;}
}

@media (min-width: 481px) and (max-width: 600px) {
.circlecon { grid-template-columns: repeat(4, 1fr); padding:0px 5px; margin:15px auto;} 
.circlecon a:nth-child(9) {display:none;}
.circlecon a:nth-child(10) {display:none;}
}

@media (min-width: 601px) and (max-width: 900px) {
.circlecon { grid-template-columns: repeat(5, 1fr);} 
}

@media all and (min-width: 901px){
.circlecon a:nth-child(9) {display:none;}
.circlecon a:nth-child(10) {display:none;}
}

@media (min-width: 901px) and (max-width: 1024px) {
.circlecon {padding: 0px 10px;}
}

/* Video */
.video-auto {display: grid;grid-template-columns: repeat(2, 1fr); grid-gap:20px; max-width:1200px; width:96%; margin:0px auto;}
.video-auto .hom {height: 27vw; padding:3px; background-color:#fff;box-shadow: 0px 2px 7px #444; }
.video-auto iframe {width:100%; height:100%; border:0px;}

@media (max-width: 600px){
.video-auto {grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.video-auto .hom { height: 54vw;}
}

@media all and (min-width: 1200px){	
.video-auto .hom {height: 320px;}
}



/* Ads */
.home-ads {max-width: 1200px; width: 100%;display:flex; gap:20px; padding:30px 0px; transition:1s;  margin: 0px auto;}
.home-ads a img {width:100%; background-color:#FFF; padding:3px; box-shadow: 0px 2px 7px #444; border-radius:5px; transition:1s;}
.home-ads a img:hover {transform:scale(1.2,1.2);}

@media (max-width: 600px){
.home-ads {  flex-direction: column;}
}

@media all and (max-width: 1200px){	
.home-ads {column-gap: 10px; padding: 5px 10px;}
.home-ads a img:hover {transform:translateY(-20px);}
}



/* Middle Panel */
.linedsn {background-image: url(lineimg.png); height:25px; background-position:center; background-size:100%; background-repeat:no-repeat;}
.mid-pnl { display:block; text-align: center; margin: 12px auto 0px auto;}
.mid-pnl li {display:inline-block; text-align:center;font-size:18px; margin-right:3px;}
.mid-pnl a{text-decoration:none;color:#333;}
.mid-pnl .fa { display:block; transition: 500ms;width:25px; height:25px; line-height:26px;border-radius:5px;}
.mid-pnl a .fa-facebook:hover{ background-color:#3a5899; color:#fff;}
.mid-pnl a .fa-instagram:hover{ background-color:#fb9241; color:#fff;}
.mid-pnl a .fa-twitter:hover{ background-color:#40bff5; color:#fff;}
.mid-pnl a .fa-play:hover{ background-color:#e02f2f; color:#fff;}
.mid-pnl a .fa-bold:hover{ background-color:#d65828; color:#fff;}
.mid-pnl a .fa-linkedin:hover{ background-color:#0e76a8; color:#fff;}
.mid-pnl a .fa-flickr:hover{ background-color:#FF0084; color:#fff;}
.mid-pnl a .fa-rss:hover{ background-color:#d65828; color:#fff;}
.mid-pnl a .fa-pinterest-p:hover{ background-color:#C8232C; color:#fff;}
.mid-pnl a .fa-whatsapp:hover{ background-color:#01d300; color:#fff;}

@media (min-width: 241px) and (max-width: 320px) {
.mid-pnl li { font-size: 6vw;}
.mid-pnl .fa { width: 7vw; height: 7vw; line-height: 7vw;}
}



/* Footer */
.ftr-pnl{width: 95%; padding: 5px;	margin: auto;}
.full-pnl { display:block; width:auto;margin:0px auto; text-align:-webkit-center;font-size: 12px;color: #555;line-height: 14px;font-family: Arial;}
.mrbt45 { margin-bottom:45px;}

.full-pnl ul {padding-top: 5px;}
.full-pnl li { display:inline-block; border-right: 1px solid #999; padding-right: 5px; padding-left:2px;}
.full-pnl li:first-child {padding-left: 0px; padding-right:0px; display:block; padding-bottom:2px; border: none;}
.full-pnl li:nth-child(2) {padding-left:0px;}
.full-pnl li:last-child {padding-right: 0px; border: none;}
.full-pnl a:hover {color:#EB268F;}
.fltxt {color:#525252;}
.lft-pnl-ldngpg{
	font-size: 11.5px;
	color: #FFFFFF;
	line-height: 22px;
	font-family: Arial;
	text-align: left;
}




@media all and (max-width: 300px){
.full-pnl li {display:block; padding-right: 0px; border: none;}

}
@media all and (max-width: 380px){
.full-pnl { width:78vw;}
.full-pnl b {display:none;}
.full-pnl span {display:block;}
}





@media (min-width: 381px) and (max-width: 420px) {
.full-pnl { width:78vw;}
}

@media all and (max-width: 420px){
.mrbt45 {margin-bottom: 35px;}
}


@media (min-width: 421px) and (max-width: 700px) {
.mrbt45 {margin-bottom: 55px;}
.full-pnl { width:72vw;}
}
@media all and (max-width: 700px){
.mid-pnl { margin: 5px auto 0px auto;}
}

@media (min-width: 701px) and (max-width: 990px) {
.mrbt45 {margin-bottom: 60px;}
}