/*CSS validated at: https://jigsaw.w3.org/css-validator , Use in compressed form*/
/* ---------------- CSS Code to Use in Web version, start ---------------- */

/*body background color*/

body {
    background-color: #F5FFEF;
    color: black;
}

/*Email submit btn, not in amp plugin */vdobtn1

@media (min-width:300px) {
#subsform {
width : 65%;

}
}

@media (min-width:450px) {followtext
#subsform {
width : 65%;

}
}

@media (min-width:700px) {
#subsform {
width : 65%;

}
}

#subsform {
float : left; 
border : none;
height : 38px;  
}

#hic {
border : #800040 solid 1px;
}

#hic:hover {
border : #C23D89 solid 1px;
}


@media (min-width:300px) {
#fsubsbtn {
width : 35%;

}
}

@media (min-width:450px) {
#fsubsbtn {
width : 35%;

}
}

@media (min-width:700px) {
#fsubsbtn {
width : 35%;

}
}

#fsubsbtn {
float : left;
/* padding : 12px 6px; */
height : 38px;
color : #FFFFFF; 
background-color : #800040;
border : none;
}

#fsubsbtn:hover {
background-color : #C23D89;
border : #C23D89 solid 1px;
}

/*design for h2 tag for all post, h2 for SEO */

@media (min-width:250px) {
h2 {
       font-size : 24px;
}
}

@media (min-width:500px) {
h2 {
       font-size : 22px;
}
}

/* custom design for h2*/
h2 {
font-weight : normal;
color : #851AE6;

}

/* custom design for h2 for new webpage design */

#h2dsg {
    
font-weight : normal;
color : #851AE6;
background-color : #fff7ff;  
border : none; 
}

/*design for h3 tag for all post*/

#h3dsg {
font-size : x-large;
font-weight : bold !important;
color: black;
background-color: #F5FFEF;
}

/*
h3 {
font-size : x-large;
font-weight : bold;
color: black;
}
*/

/*design for h4 tag for all post*/

/*
h4 {
font-size : x-large;
font-weight : bold;
color: black;
}
*/

/*For introduction, body and conclusion - heading*/
#h4dsg {
font-size : x-large;
font-weight : bold !important;
color: black;
background-color: #F5FFEF;
}

/*For some highlights in the page content pointing as a normal heading*/
#h5dsg {
font-size : x-large;
font-weight : bold !important;
color: black;
background-color: #F5FFEF;
}

/*Numbering of points in the post*/

#no {
color : #FFFFFF;
background-color : #000000;
padding : 3px 8px;
margin : 0 0;
}

/*background color and border for webpage*/

#bgbdr {
    max-width: 1070px;
    margin: 40px auto;
    border: #4F3659 solid 1px;
    border-radius: 12px;
    background-color: #F0ECFD;
    /*EX: fff7ff*/
    padding: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    /* Ensures box shadow is neat with image */
}

/* Not using now
#bgbdr2 {
border : #4F3659 solid 2px;
background-color : #F0ECFD; 
}

#bgbdr3 {
border : #4F3659 solid 2px;
background-color : #F0ECFD; 
}
*/

/*for page design in whole ul listing */

#onepart {	
color: white;
background-color: #555656;	
}

/*for product ul listing */

#pdctpg {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/
}

/*Introduction to End Part for div xxxpart, start*/

#intropart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/	
}

#bodypart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/	
}


/* Use this instead of #onepart for easiniess */
#contentpart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/	
}

#conclusionpart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/	
}

#contentendpart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/	
}

#contentinfopart {	
color: black;
background-color: #fff7ff;	
}

#alsoread {	
color: black;
background-color: #fff7ff;	
}

#socialsharecmdpart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/	
}

#creditpart {	
color: white;
background-color: #D4C5DA;	
}

#CrMscHtPart {	
color: white;
background-color: #F5FFEF; /*EX: #555656*/
}

#tiktoknformpart {	
color: white;
background-color: #F0ECFD;	
}


/*Introduction to End Part for div xxxpart, end*/

/*Inside post image design for better look like post content, start */
#onepartimg {	/*for page design in whole + for product ul listing */

background-color: #F5FFEF; /*EX: #555656*/	
}

@media (min-width:250px) {
#bdrbtmpostimg {
border-bottom: #F0ECFD solid -12px !important;
}
}

@media (min-width:500px) {
#bdrbtmpostimg {
border-bottom: #F0ECFD solid 12px !important;
}
}

#bdrbtmpostimg {
background-color: #F0ECFD !important;

}

/*Normal page code without numbering paragraph*/

/*page (p) font-size in Desktop + Mobile version*/

@media (min-width:250px) {
#pagen {
       font-size : 22px;
}
}

@media (min-width:500px) {
#pagen {
       font-size : 20px;
}
}

#pagen {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
padding: 10px;
/*text-align : justify; makes text full width*/

}  

/*Inside post image design for better look like post content, end */


/*page (p) font-size in Desktop + Mobile version*/

@media (min-width:250px) {
#page {
       font-size : 22px;
}
}

@media (min-width:500px) {
#page {
       font-size : 20px;
}
}

#page {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
padding: 10px;
/*text-align : justify; makes text full width*/

}  

/*Normal indent page code without numbering sub-paragraph*/

/*indent0*/

@media (min-width:250px) {
#indent0 {
       font-size : 22px;
}
}

@media (min-width:500px) {
#indent0 {
       font-size : 20px;
}
}

#indent0 {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
text-indent: 0px !important;

}  

/*indent1*/

@media (min-width:250px) {
#indent1 {
       font-size : 22px;
}
}

@media (min-width:500px) {
#indent1 {
       font-size : 20px;
}
}

#indent1 {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
text-indent: 70px !important;

}  

/*indent2*/

@media (min-width:250px) {
#indent2 {
       font-size : 22px;
}
}

@media (min-width:500px) {
#indent2 {
       font-size : 20px;
}
}

#indent2 {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
text-indent: 140px !important;

}  

/*indent3*/

@media (min-width:250px) {
#indent3 {
       font-size : 22px;
}
}

@media (min-width:500px) {
#indent3 {
       font-size : 20px;
}
}

#indent3 {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
text-indent: 210px !important;

}  

/*page (p) font-size in Desktop + Mobile version, using css IDS cmd*/

@media (min-width:250px) {
#pagebp, #pagecl, #pagen, #pagelastpmt, #pagesm, #pagehsmt, #pagehcfr, #pageht, #pagems, #pagetktk, #pagelstp {
       font-size : 22px;
}
}

@media (min-width:500px) {
#pagebp, #pagecl, #pagen, #pagelastpmt, #pagesm, #pagehsmt, #pagehcfr, #pageht, #pagems, #pagetktk, #pagelstp {
       font-size : 20px;
}
}

#pagebp, #pagecl, #pagen, #pagelastpmt, #pagesm, #pagehsmt, #pagehcfr, #pageht, #pagems, #pagetktk, #pagelstp {
cursor : pointer;
color: #000000;
background-color: #F5FFEF;
font-weight : normal;
padding: 10px;
text-align : left; /*justify = makes text full width*/

}  

/*second last paragraph margin-top command along with page*/
/*
@media (min-width:250px) {
#pagelastpmt {
       font-weight : normal; 
       font-size : 22px;
       margin-top : 24px !important;
       text-align : left; 
}
}

@media (min-width:500px) {
#pagelastpmt {
       font-weight : normal; 
       font-size : 20px;
       margin-top : 24px !important;
       text-align : left;
}
}

#lastpmt {
cursor : pointer;
color: white;
background-color: #F5FFEF;
}
*/

/*Add numbering after #page, #sumarea, excluding #ytsrctextnote tag but give a space after p tag for text, chronologically all*/

#page {
  counter-increment: myIndex;
}

#page::before {
  content:counter(myIndex);
  background-color:#F5FFEF; /*#154785*/
  color: white;
  padding: 1px 3px;
}

/*this is for introduction of the webpage in description form, css IDS cmd*/

/*
#sumarea {
  counter-increment: myIndex30;
}

#sumarea::before {
  content:counter(myIndex30);
  background-color:#154785;
  color: #FFFFFF;
  padding: 1px 3px;
}
*/

/*Add numbering after #sumarea, #pagelastpmt, #ytdescnote excluding #ytsrctextnote tag but give a space after p tag for text, manual*/
/* page numbering for #page, #pagebp, #pagecl, #pagen, #pagelastpmt, #pagesm, #pagehsmt, #pagehcfr, #pageht, #pagems, #pagetktk, #pagelstp */

#page {
  counter-increment: myIndex1;
}

#page::before {
  content:counter(myIndex1);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

/*
#pagebp {
  counter-increment: myIndex2;
}

#pagebp::before {
  content:counter(myIndex2);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

#pagecl {
  counter-increment: myIndex3;
}

#pagecl::before {
  content:counter(myIndex3);
  background-color: #154785;
  color: white;
  padding: 1px 3px;
}

#pagen {
  counter-increment: myIndex4;
}

#pagen::before {
  content:counter(myIndex4);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

/*page numbering for social media share section*/

#pagelastpmt {
  counter-increment: myIndex5;
}

#pagelastpmt::before {
  content:counter(myIndex5);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

/*
#pagesm {
  counter-increment: myIndex5;
}

#pagesm::before {
  content:counter(myIndex5);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*credit note section for royalty free videos*/

#pagehsmt {
  counter-increment: myIndex7;
}

#pagehsmt::before {
  content:counter(myIndex7);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

/*page number for last 3 paragraph after credit note section*/

#pagehcfr {
  counter-increment: myIndex11;
}

#pagehcfr::before {
  content:counter(myIndex11);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

 #pagems  {
  counter-increment: myIndex11;
}

#pagems::before {
  content:counter(myIndex11);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

#pageht  {
  counter-increment: myIndex11;
}

#pageht::before {
  content:counter(myIndex11);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}

/* for last 2 paragraph of webpage, page design */

/*
#pagetktk {
  counter-increment: myIndex11;
}

#pagetktk::before {
  content:counter(myIndex11);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*
#pagelstp {
  counter-increment: myIndex12;
}
#pagelstp::before {
  content:counter(myIndex12);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*To give space below the featured image*/

@media (min-width:250px) {
#bdrbtmfeatimg {
border-bottom: #F0ECFD solid -12px !important;
}
}

@media (min-width:500px) {
#bdrbtmfeatimg {
border-bottom: #F0ECFD solid 12px !important;
}
}

#bdrbtmfeatimg {
background-color: #F0ECFD !important;
}

/*To give space below the heading post image*/

@media (min-width:250px) {
#bdrbtmpostimg {
border-bottom: #F0ECFD solid -12px !important;
}
}

@media (min-width:500px) {
#bdrbtmpostimg {
border-bottom: #F0ECFD solid 12px !important;
}
}

#bdrbtmpostimg {
background-color: #F0ECFD !important;

}

/*To give white spacing below the button located below video and above it, for summary or introduction video*/

#bdrbtm {
border-bottom: #FFFFFF solid 12px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtmpc {
border-bottom: #F5FFEF solid 12px !important;

}

/*To give spacing in between the button located below video*/

#bdrbtmbtn {
border-bottom: #FFFFFF solid 6px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtm1by1 {
border-bottom: #F0ECFD solid 12px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtm9by16 {
border-bottom: #F0ECFD solid 12px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtm16by9 {
border-bottom: #F0ECFD solid 12px !important;

}

/*Total Page Views text div id code*/

/*
#PV {
font-size : 22px;
float : left;
font-family : normal;
font-weight : bold;
margin-top : -3.5px;
}
*/

/*Visitor Counter*/

/*
#VC {
float : left;
}
*/

/*image, layout and position code*/

#imlo {
width : 100%;
max-width : 700px;
height : 100%;
max-height : 400px;
display : block;
margin-left : auto;
margin-right : auto;
}

/*page views image counter dimesion*/

/*
#pvimlo {
height : 100%;
max-height : 19px;
width : auto;
}
*/

/*Website Main Menu Design button*/

@media (min-width:320px) {
.mbtn1, .mbtn2, .mbtn3, .mbtn4, .mbtn5, .mbtn6, .mbtn7, .mbtn8 {
min-width : 320px !important;
max-width : 100% !important;
min-height : 42px !important;   
max-height : 100% !important;

}
}

@media (min-width:480px) {
.mbtn1, .mbtn2, .mbtn3, .mbtn4, .mbtn5, .mbtn6, .mbtn7, .mbtn8 {
min-width : 480px !important;
max-width : 100% !important;
min-height : 42px !important;   
max-height : 100% !important;

}
}

@media (min-width:600px) {
.mbtn1, .mbtn2, .mbtn3, .mbtn4, .mbtn5, .mbtn6, .mbtn7, .mbtn8 {
min-width : 600px !important;
max-width : 100% !important;
min-height : 42px !important;   
max-height : 100% !important;

}
}

@media (min-width:700px) {
.mbtn1, .mbtn2, .mbtn3, .mbtn4, .mbtn5, .mbtn6, .mbtn7, .mbtn8 {
min-width : 70px !important;
max-width : 100% !important;
min-height : 51px !important;   
max-height : 100% !important;

}
}

.mbtn1 {
background-color : #6F0BF4; /*Home btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn2 {
background-color : #C1443E; /*Blog btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn3 {
background-color : #E61ABD; /*Product btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn4 {
background-color : #8E5831; /*Videos btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn5 {
background-color : #5300FF; /*FAQ btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn6 {
background-color : #B54A4A; /*Earn btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn7 {
background-color : #B552EF; /*Follow btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.mbtn8 {
background-color : #E2311D; /*Subscribe btn clr*/
border : none;
margin : 0 0;
color : white;
cursor : pointer;
text-decoration : none !important;
}

.active, .mbtn1:hover, .mbtn2:hover, .mbtn3:hover, .mbtn4:hover, .mbtn5:hover, .mbtn6:hover, .mbtn7:hover, .mbtn8:hover {
background-color : #7b047b;
}

.active, .mbtn1:focus, .mbtn2:focus, .mbtn3:focus, .mbtn4:focus, .mbtn5:focus, .mbtn6:focus, .mbtn7:focus, .mbtn8:focus {
background-color : #7b047b;
}

/*pdf btn 1 at top of the post*/

#pdfbtn1 {
margin : 0;
padding : 0;
min-width : 150px;
min-height : 38px;
line-height : 15px;
outline : none;
background-color : #FF8000;
border : none;
text-align : center;
font-size : 100%;
cursor : pointer;
color : white;
}

#pdfbtn1:hover {
background-color : #F27787;
border : none;
}

/*Latest Modified pdf btn 2*/

#mpdfbtn1 {
/* margin : 0.5% 0.1%; */ /*not necessary*/
text-align : center;
text-decoration : none;
display : inline-block !important;
min-width : 122px;
min-height : 50px;
outline : none;
background-color : #FF8000;
border : none;
font-size : 18px;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#mpdfbtn1:not(:last-child) {
border-right : none; /* Prevent double borders */
}

#mpdfbtn1:hover {
background-color : #F27787;
border : none;
}

/*vdo clips | video clips btn 3*/

#mvdobtn3 {
/* margin : 0.5% 0.1%; */ /*not necessary*/
text-align : center;
text-decoration : none;
display : inline-block !important;
min-width : 122px;
min-height : 50px;
outline : none;
background-color : #CC2400;
border : none;
font-size : 18px;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#mvdobtn3:not(:last-child) {
border-right : none; /* Prevent double borders */
}

#mvdobtn3:hover {
background-color : #780419;
border : none;
}

/*pdf btn 2 at bottom of the page for pdf reading tools page*/

#pdfbtn2 {
margin : 0;
padding : 0;
min-width : 250px;
min-height : 50px;
outline : none;
background-color : #FF8000;
border : none;
text-align : center;
font-size : 18px;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#pdfbtn2:hover {
background-color : #F27787;
border : none;
}


/*MP3 btn 2 at bottom of the page for MP3 listening tools page*/

#mp3btn3 {
margin : 0;
padding : 0;
min-width : 250px;
min-height : 50px;
outline : none;
background-color : #008AA3;
border : none;
text-align : center;
font-size : 18px;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#mp3btn3:hover {
background-color : #00B39D;
border : none;
}


/*vdo btn 2 at bottom of the page for vdo playing tools*/

@media (min-width:250px) {
#vdobtn2 {
       font-size : 20px;
}
}

@media (min-width:500px) {
#vdobtn2 {
       font-size : 18px;
}
}

#vdobtn2 {
margin : 0;
padding : 0;
min-width : 250px;
min-height : 50px;
outline : none;
background-color : #FF0080;
border : none;
text-align : center;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#vdobtn2:hover {
background-color : #FF0000;
border : none;
}

/*Email submit btn below YT vdo, NU */


#subsbtn {
margin : 0;
padding : 0;
min-width : 128px;
min-height : 38px;
line-height : 15px;
outline : none;
background-color : #800040;
border : none;
text-align : center;
font-size : 100%;
cursor : pointer;
color : white;
}

#subsbtn:hover {
background-color : #C23D89;
border : none;
}


/*subscribe btn in footer body text*/

@media (min-width:250px) {
#substext {
       font-size : 22px;
       min-height : 22px !important;
       line-height : 22px;
}
}

@media (min-width:500px) {
#substext {
       font-size : 20px;
       min-height : 20px !important;
       line-height : 20px;
}
}

#substext {
margin : 0;
padding : 0;
min-width : auto !important; /*EX: 80px !important*/

color : #FFFFFF;
background-color : #D7286A;
border : none;
}

#substext:hover {
background-color : #F50ABB;
border : none;
}

/*Remove underline under the link, using in btn a href link*/

#tdn {
text-decoration : underline !important; /*EX: none !important*/
color : #468BFF;
}

/*contact us btn in footer body text*/

@media (min-width:250px) {
#contacttext {
       font-size : 22px;
       min-height : 22px !important;
       line-height : 22px;
}
}

@media (min-width:500px) {
#contacttext {
       font-size : 20px;
       min-height : 20px !important;
       line-height : 20px;
}
}

#contacttext {
margin : 0;
padding : 0;
min-width : auto !important; /*EX: 82px !important*/
color : #FFFFFF;
background-color : #3194FF;
border : none;
}

#contacttext:hover {
background-color : #7F4DFF;
border : none;
}

/*social media btn in footer body text*/

@media (min-width:250px) {
#followtext {
       font-size : 22px;
       min-height : 22px !important;
       line-height : 22px;
}
}

@media (min-width:500px) {
#followtext {
       font-size : 20px;
       min-height : 20px !important;
       line-height : 20px;
}
}

#followtext {
margin : 0;
padding : 0;
min-width : auto !important; /*EX:  55px !important*/
color : #FFFFFF;
background-color : #5300FF;
border : none;
}

#followtext:hover {
background-color : #8B09F7;
border : none;
}

/*pdf text for header 2 design*/

#pdftext {
margin : 0;
padding : 0;
width : auto;
height : auto;
outline : none;
border : #FF8000 solid 1px;
text-align : center;
cursor : pointer;
color : #FF8000;
}

/*pdf text for header 2 design*/

#mp3text {
margin : 0;
padding : 0;
width : auto;
height : auto;
outline : none;
border : #FF8000 solid 1px;
text-align : center;
cursor : pointer;
color : #008AA3;
}

/*video text for header 2 design*/

#vdotext {
margin : 0;
padding : 0;
width : auto;
height : auto;
outline : none;
border : #FF0080 solid 1px;
text-align : center;
cursor : pointer;
color : #FF0080;
}

/*video clips text for header 2 design*/

#vdoclipstext {
margin : 0;
padding : 0;
width : auto;
height : auto;
outline : none;
border : #FF8000 solid 1px;
text-align : center;
cursor : pointer;
color : #CC2400;
}

/*Summary area & text design at the top, using #id css cmd*/
/*page (p) font-size in Desktop + Mobile version, using #id css cmd*/

@media (min-width:250px) {
#sumarea {
       font-size : 22px;
}
}

@media (min-width:500px) {
#sumarea {
       font-size : 20px;
}
}

#sumarea {
color : #000000;
font-weight : normal; /*ex: font-family : courier; (NU)*/
background-color : #F5FFEF; /*EX: #5F5F5F */
border : none;
text-align : left; /*justify = makes text full width*/
padding: 10px;
}

@media (min-width:250px) {
#sumtext {
       font-size : 22px;
}
}

@media (min-width:500px) {
#sumtext {
       font-size : 20px;
}
}

#sumtext {
color : #FFFFFF;
font-weight: bold;
background-color : #6B126D;
}

/*vdo btn 1 at top of the page*/

#vdobtn1 {
margin : 0;
padding : 0;
min-width : 150px;
min-height : 38px;
line-height : 15px;
outline : none;
background-color : #CC2400;
border : none;
text-align : center;
font-size : 100%;
cursor : pointer;
color : white;
}

#vdobtn1:hover {
background-color : #780419;
border : none;
}

/*mp3 btn 5 at top of the page*/

#mp3btn5 {
margin : 0;
padding : 0;
min-width : 150px;
min-height : 38px;
line-height : 15px;
outline : none;
background-color : #008AA3;
border : none;
text-align : center;
font-size : 100%;
cursor : pointer;
color : white;
}

#mp3btn5:hover {
background-color : #00B39D;
border : none;
}

/*mp3 button download*/

#mp3btn2 {
margin : 0.5% 10% !important; /*ex: 0.5% 0.1%*/
text-align : center;
text-decoration : none;
display : inline-block !important;
min-width : 122px;
min-height : 50px;
outline : none;
background-color : #008AA3;
border : none;
font-size : 18px;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#mp3btn2:not(:last-child) {
border-right : none; /* Prevent double borders */
}

#mp3btn2:hover {
background-color : #00B39D;
border : none;
}

/*Latest Modified vdo btn 2*/

#mvdobtn4 {
margin : 0.5% 10% !important; /*ex: 0.5% 0.1%*/
text-align : center;
text-decoration : none;
display : inline-block !important;
min-width : 122px;
min-height : 50px;
outline : none;
background-color : #FF0080;
border : none;
font-size : 18px;
font-weight : bold;
cursor : pointer;
color : white;
line-height : 7px;
}

#mvdobtn4:not(:last-child) {
border-right : none; /* Prevent double borders */
}

#mvdobtn4:hover {
background-color : #FF0000;
border : none;
}

/*Full Vdo, top button*/

#fullvdo {
margin : 0;
padding : 0;
min-width : 128px;
min-height : 38px;
line-height : 15px;
outline : none;
background-color : #FF0080;
border : none;
text-align : center;
font-size : 100%;
cursor : pointer;
color : white;
}

#earnbtn:hover {
background-color : #FF0000;
border : none;
}

/*Earn With InfoTrim Forever*/

#earnbtn {
margin : 0;
padding : 0;
min-width : 128px;
min-height : 38px;
line-height : 15px;
outline : none;
background-color : #3DAD60;
border : none;
text-align : center;
font-size : 100%;
cursor : pointer;
color : white;
}

#earnbtn:hover {
background-color : #1460EB;
border : none;
}

/*------CSS for pages, product and video pages design, start------*/

/* .cityv for div class="cityv" Mobile resp. design html format code*/

@media (min-width:250px) {
.cityv {
width : 49%; /*for amp set 48%, non-amp 49%*/
}
}

@media (min-width:500px) {
.cityv {
width : 24%; /*for amp set 23.5%, non-amp 24%*/
}
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.cityv {
float : left;
margin : 0.5% 0.5%;
padding : 0;
height : auto;
background-color : #705050; 
border : none;
text-decoration : none !important;
text-align : center;
color : white;
}

/* to hover over an image of .city border area as desired or targeted */

.f1v {
font-family : serif;
font-size : 110%;
color : white;
font-style : normal;
}

.g1v, .k1v {
color : white;
}

/* .cityv for div class="citys" Mobile resp. SOCIAL MEDIA icon design html format code*/

@media (min-width:250px) {
.citys {
width : 49%;  /*for amp set 48%, non-amp 49%*/
}
}

@media (min-width:500px) {
.citys {
width : 24%;  /*for amp set 23.5%, non-amp 24%*/
}
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.citys {
float : left;
margin : 0.5% 0.5%;
padding : 0;
height : auto;
background-color : #FFFFFF;  /*pref: #705050*/
border : none;
text-decoration : none !important;
text-align : center;
color : white;
}

.citys:hover {
   opacity : 0.8;
}

/*product details css btn*/

#videodetailsv {
color : white;
background-color : #E72318;
border : none;
line-height : 15px;
padding : 0;
margin : 0;
width : auto;
min-height : 15px;
text-align : center;
text-decoration : none !important;
outline : none;
}

#videodetailsv:hover {
background-color : #E31CA8;
border : none;
}

/*h6 design For tiktok bonus videos*/

h6 {
    color: #FFFFFF;
}

/*For tiktok bonus videos*/

@media (min-width:250px) {
.citytb {
width : 100%;
}
}

@media (min-width:660px) {
.citytb {
width : 100%; /*prev: 45%*/
}
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.citytb {
float : left;
margin : 2% 2%;
padding : 0;
height : auto;
background-color : #592654;
border : none;
text-decoration : none !important;
text-align : center;
color : white;
}

/* ---------------- Product Page body Custom CSS code start, For Non-amp (Desktop) only {in WP CCSS Plugin} ---------------- */

@media (min-width:250px) {
.city {
width : 100%;
}
}

@media (min-width:660px) {
.city {
width : 45%; /*prev: 31.3%*/
}
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.city {
float : left;
margin : 2% 2%;
padding : 0;
height : auto;
background-color : #592654;
border : none;
text-decoration : none !important;
text-align : center;
color : white;
}

/*product image layout 600x300 for image listing*/

.productimg {
width : 100%; 
max-width : 700px;
height : 100%;
max-height : 230px;
border : #410661 solid 2px;
}

/* to hover over an image of .city border area as desired or targeted */

@media (min-width:250px) {
.f1, .g1, .k1 {
       font-size : 18px !important;
}
}

@media (min-width:500px) {
.f1, .g1, .k1 {
       font-size : 16px !important;
}
}

.f1, .g1, .k1 {

       color : white;
       font-weight : normal;
}

/*product details css btn*/

@media (min-width:250px) {
#productdetails {
       font-size : 20px;
       line-height : 20px;
       min-height : 20px;
}
}

@media (min-width:500px) {
#productdetails {
       font-size : 18px;
       line-height : 18px;
       min-height : 18px;
}
}

#productdetails {
color : white;

background-color : #E72318 !important;
border : none;

padding : 0;
margin : 0;
min-width : auto !important; /*EX: 100px !important*/

text-align : center;
text-decoration : none !important;
outline : none;
}

#productdetails:hover {
background-color : #F807CD;
border : none;
}

/*------CSS for pages, product and video pages design, end------*/

/*-------Product Page Menu design Custom CSS, start--------*/

body {
font-family : "Lato", sans-serif;
}

.sidenav {
height : 100%;
width : 0;
position : fixed;
z-index : 1;
top : 0;
left : 0;
background-color : #111;
overflow-x : hidden;
transition : 0.5s;
padding-top : 5%;
}

/*side nav font and design prev padding 5px 5px 5px 12px */

.sidenav a {
padding : 0 0;
text-decoration : none !important;
font-size : 17px;
color : #818181;
display : block;
transition : 0.3s;
}

.sidenav a:hover, .offcanvas a:focus {
color : #f1f1f1;
}

.sidenav .closebtn {
position : absolute;
top : 5%;
right : 55%;
font-size : 36px;
margin-left : auto;
}

#main {
transition : margin-left 0.5s;
padding : inherit;
}

@media screen and (max-height:450px) {
.sidenav {
padding-top : 15%;
}

.sidenav a {
font-size : 18px;
}
}

.sidenav .closebtn {
position : absolute;
top : 27%;
right : 55%;
font-size : 46px;
margin-left : auto;
}

/*product button header design*/
#producthdrbtn {
background-color : #9A0514; /*prev: inherit, normal blue*/
border : none; 
color : white;
float : none;
cursor : pointer;
height : 40px;
transition : 0.3s;
font-size : 18px;
width : 100%;
}

/* category type menu design CSS */

#pcm {
color : white;
background-color : #9A0514;
cursor : pointer;
display : inline-block;
width : 100%;
max-width : 1200px;
height : 30px;
line-height : 25px;
font-size : 1.5em;
}

#pcmcf {
font-size : 0.8em;
}

/*Product sidenav menu heading font design*/

#snm {
font-size : 1em;
font-weight : bold !important;
border : #FFFFFF solid 1px;
margin : 0;
padding : 0;
width : auto;
height : auto;
outline : none;
text-align : center;
cursor : pointer;
}

/*-------Product Page Menu design Custom CSS, end--------*/

/*1. Multipage content head CSS, for sitemap start*/

#ccvdobtnhdr {
background-color : #4A191E; /*prev: inherit, normal blue*/
border : none; 
color : white;
float : none;
cursor : pointer;
height : 40px;
transition : 0.3s;
font-size : 18px;
width : 100%;
}

/*1. Multipage content head CSS, for sitemap, end*/

/* 'ALSO READ' .city for div class="city" Mobile resp. design html format code, start*/

@media (min-width:250px) {
.cityAL {
width : 49%; /*for amp set 48%, non-amp 49%*/
}
}

@media (min-width:500px) {
.cityAL {
width : 24%; /*for amp set 23.5%, non-amp 24%*/
}
}

/* .cityAL for div class="city" to design html format code [here don't use width command with media code]*/

.cityAL {
float : left;
margin : 0.5% 0.5%;
padding : 0 0;
height : auto;
background-color : #3E2659;
border : #003300 solid 1px;
text-decoration : none;
text-align : center;
color : white;
}

.cityAL:hover {
box-shadow : 0 1px 0 1.2px rgba(0, 146, 250, 1);
}

.f1 {
font-family : verdana;
font-size : 100%;
color : white;
text-align : center;
}

/*Also Read text button design*/

#pay {
width : auto;
height : 32px !important;
background-color : #03617C;
border : none;
color : #FFFFFF;
font-size : 18px;
font-weight : bold;
text-align : center;
float : left;
text-decoration : none;
}

/*Also Read Posts design whole btn bg*/

#paybg {
width : 100%;
height : 34px !important; /*prev: auto*/
background-color : #9C20DF;
border : #9C20DF solid 1px;
}

/*Hello Handshake Image*/

#hello {
background-color : white;
border : none;
width : 57px !important;
height : 32px !important; /*prev: auto*/
content : url(https://infotrim.com/wp-content/uploads/Hello-Handshake-for-Also-Read-InfoTrim.gif);
}

/*also read figcaptionalignal, modified and added after this all*/

#figcaptionalignAL {
text-align : center;
}

#figcaptextclrAL {
color : white;
}

/*Also read img layout command*/

#imgreadalso {
width : 180;
height : 121;
}

/* 'ALSO READ' .city for div class="city" Mobile resp. design html format code, end*/

/*center the text 'click below to download'*/

#center {
margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 1500px;
cursor : pointer;
text-align : center;
}

/*CC video pagination, start */

.center {
text-align : center;
text-decoration : none;
}

.pagination {
display : inline-block;
text-decoration : none;
}

.pagination a {
color : black;
float : left;
padding : 7px 14px;
text-decoration : none;
transition : background-color 0.3s;
border : #ddd solid 1px;
margin : 0 2px;
}

.pagination a.active {
background-color : #4CAF50;
border : none;
color : white;
text-decoration : none;
}

.pagination a:hover:not(.active) {
background-color : #000ddd;
color : white;
text-decoration : none;
}

#nav {
background-color : #FFFFFF;
color : #000000;
text-decoration : none;
}

#nav:hover {
background-color : #000ddd;
color : white;
text-decoration : none;
}

/*CC video pagination, end */

/*for image hover*/

div img:hover {
opacity : 0.9 !important;
}

/*1. FAQ hide and show js code, A, start*/

.mt { 
margin-bottom : 10px;
border : green solid 1px;
}
      
/*for hidden content design on reveal*/
        
.hiddenc {
background-color : #ffffff;
border : #ffffff solid 1px;
color : black;
width : 100%;
max-width : 1500px;
height : auto;
text-align : left;
display : none;
}

.hiddenc {
background-color : white;
border : white solid 1px;
}     
       
/*for button design*/
       
.buttond {
color : white;
background-color : #5335CA;
border : #5335CA solid 1px;
width : 100%;
padding : 10px;
margin : 2px 1px;
float : left;
text-align : left;
}
     
.active, .buttond:hover {
background-color : #D13E2E;
border : #D13E2E solid 1px;
}      

.active, .buttond:focus {
background-color : maroon;
border : maroon solid 1px;
}

/*1. FAQ hide and show js code, A, end*/

/*2. FAQ hide and show now using as Read More and Subscribe, start*/
/*It is not needed for normal webpage design, only usable in FAQ
.mt {
margin-bottom : 10px;
border : green solid 1px;
}
*/   
/*for hidden content design on reveal*/
        
.hiddenrm {
background-color : #ffffff;
border : #ffffff solid 1px;
color : black;
width : 100%;
max-width : 1500px;
height : auto;
text-align : left;
display : none;
}

.hiddenrm {
background-color : white;
border : white solid 1px;
}     
       
/*for button design*/
       
.buttonrm {
color : white;
background-color : #005FE0;
border : #005FE0 solid 1px;
width : 100%;
padding : 10px;
margin : 2px 2px;
float : left;
text-align : left;
}
     
.active, .buttonrm:hover {
background-color : #D6004A;
border : #D6004A solid 1px;
}      

.active, .buttonrm:focus {
background-color : #94004B;
border : #94004B solid 1px;
}

/*2. FAQ hide and show now using as Read More and Subscribe, end*/

/*figcaption align right and figcaption anchor text color under image */

#figcaptionalign {
text-align : right;
display:none;
}

#figcaptextclr {
color : #FF4638;
text-decoration : none !important;
}

/*Click below to download button design block important code*/

#downloadbtndisplay {
display : inline-block !important;
}

/*Youtube note at post bottom text background*/

@media (min-width:250px) {
#ytdescnote {
       font-size : 18px;
}
}

@media (min-width:500px) {
#ytdescnote {
       font-size : 16px;
}
}

#ytdescnote {
       font-weight : normal; /*ex: font-family : courier; (NU)*/
       background-color : #d9d5ff; /*prev: lightgrey*/
       color : #000000;
       text-align : left; /*justify = makes text full width*/
}

/*ytsrctextnote for making a note */

@media (min-width:250px) {
#ytsrctextnote {
       font-size : 18px;
}
}

@media (min-width:500px) {
#ytsrctextnote {
       font-size : 16px;
}
}

#ytsrctextnote {
       font-weight : normal; /*ex: font-family : courier; (NU)*/
       background-color : #e0eaff; /*prev: gainsboro*/
       color : #000000;
       text-align : left; /*justify = makes text full width*/
}

/*Youtube note at post bottom text background*/

@media (min-width:250px) {
#ytlistpretag {
       font-size : 18px;
}
}

@media (min-width:500px) {
#ytlistpretag {
       font-size : 16px;
}
}

#ytlistpretag {
       font-weight : normal; /*ex: font-family : courier; (NU)*/
       background-color : #d9d5ff; /*prev: lightgrey*/
       color : #000000;
       text-align : left; /*justify = makes text full width*/
}

/*Copyright Disclaimer text indent adjustment, for #id*/

@media (min-width:250px) {
#ytsrctextnotecd {
       font-size : 18px;
}
}

@media (min-width:500px) {
#ytsrctextnotecd {
       font-size : 16px;
}
}

#ytsrctextnotecd {
       font-weight : normal; /*ex: font-family : courier; (NU)*/
       background-color : #e0eaff; /*prev: gainsboro*/
       color : #000000;
       text-indent: 45px !important;
       text-align : left; /*justify = makes text full width*/
}

/*pdf vdo download of all post now hiding or (now .) for better display*/

#hideortext {
color : white;
}


/*CC video listing iframe size*/

#cciframesize {
width : 163 !important;
height : 80px !important;
}

/*sitemap design for pre tag, a href link, anchor text link*/

#sitemaplistpre { /*for pre tag*/
background-color : #f1eaff;
}

#sitemaphreflink { /*anchor tag*/
color : black;
}

/*Sitemap text link 'see more' and 'Continue'*/

#seemoretxtlnk {
color : red;
font-weight : bold;  
}

#continuetxt {
color : green;
font-weight : bold;
}

/*additional info pre bg color*/
@media (min-width:250px) {
#addinfo {
       font-size : 18px;
}
}

@media (min-width:500px) {
#addinfo {
       font-size : 16px;
}
}

#addinfo {
background-color : #fff7ff;  
border : none; 
}

/*Language selection submenu in each post  1.a, start*/

/*
.dropdown {
  position: relative;
  display: inline-block;
  border-top: 0px;
          background-color : #D11641;
          text-decoration : none;
          color: white;
          height : 29px;
          line-height : 26px;
          font-size : 1em;
}
*/

/*listing submenu on button 'select'*/

/*
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000; 
  width: 100%;
  min-width: 130px; 
  z-index: 1;
  margin-top : 0.5px; 
  font-size : 0.9em;
  margin-left : -76%; 
                      
  line-height : auto; 
}

.dropdown-content a {
  color: white; 
  padding: 2px 10px 1px 10px;
  text-decoration : none; 
  white-space : nowrap;
  color : #fff;
  display: block;
  font-size : 1em;
  margin-left : 0; 
  line-height : auto;
}

.dropdown-content a:hover {
background-color: #000;
color: white;
}
*/

/*added new line for submenu bg hover code*/

/*
.dropdown-content a:hover {
background-color : #0D1B96;
}

.dropdown:hover .dropdown-content {
  display: block;
}
*/

/*sub menu gap + tdn*/

/*
#tdnmten {
text-decoration : none;
margin-top : -12px;
}

#tdnmthi {
text-decoration : none;
margin-top : -17px;
}
*/

/*Language selection submenu in each post  1.a, end*/

/*Language selection submenu in each post  1.b, start*/

/* Translate this Page in English, 4 GTM, fixed css, image site */

/*
#multilangE {
color : white;
background-color : #7248B7;
border : none;
cursor : pointer;
display : inline-block;
width : 100%;
max-width : 1000px;
height : 30px;
line-height : 26px;
font-size : 1.3em;
}

#multilangE:hover {
background-color : #A20EF1;
border : none;
}
*/

/* Translate this Page in Hindi, 4 GTM, fixed css */

/* Use this with multi-language code if used in page */

/*
#multilangH {
color : white;
background-color : #7248B7;
border : none;
cursor : pointer;
display : inline-block;
width : 100%;
max-width : 1000px;
height : 30px;
line-height : 26px;
font-size : 1.3em;
}

#multilangH:hover {
background-color : #A20EF1;
border : none;
}
*/

/*Language selection submenu in each post  1.b, end*/

/*cpagrip ad image css command*/

#Fakeid4cpagrip {
content : url(https://1.bp.blogspot.com/-i1jdfwp0vT0/VmnaMk8Ht_I/AAAAAAAAAI4/i_WpErziMKg/s1600/3Gpk4t3.gif);
width : 100%; 
max-width : 728px; 
height : 100%; 
max-height : 90px !important; /*later set 90px;*/
color : white;
}

/*Feedburner Form Header in all blog post, NU */

/* This is for feedburner subscribe blog, NU */

/*
#FormHeader {
background-color : #000000;
padding : 2px;
color : white;
font-weight: bold;
}

#formadj,	
#FormHeader {	
margin-top: 12px;	
}

#2ndurl {	
font-size: 12.75pt !important;
margin-left: auto;
margin-right: auto;
font-weight: bold;
*/

/*It was for feedburner, NU*/

/*
#DwnldPdfBdrln { 
border-bottom: #FFFFFF solid 0.260416667in; 
border: none;
padding: 0;
}
*/

/* This was for feedburner subscribe blog, NU */

/*
#tdcf {	
text-decoration: underline;	
}
*/

/*Adjusting location of drop down inpage multi-lang for en and hi*/

/* Use later if needed but will not be in need */

/*
#tdnmten {	
margin-top: -0.125in;
text-decoration: none;

}

#tdnmthi {	
margin-top: -12.75pt;
text-decoration: none;	
}
*/


/*for download button just set 4 different colors today*/

/*download pdf page scroll, pdf download button h2, float left*/

#pdfscrollpdf {
    display: inline !important; 
    float: left !important;
    
}

/*download pdf page scroll, subscribe button, float right*/

#pdfscrollsubs {
    float: right !important;
}

/*download pdf page scroll, video download button*/

#pdfscrollvdo {
    display: inline !important; 
    float: left !important;
}


/*download pdf page scroll, earn here button, float right*/

#pdfscrolleh {
    float: right !important;
}

/*clear both after using 2 closing div tag*/

#clearboth {
    clear:both;
}

/*youtube auto responsive 1920x1080 px video size*/

#ytdiframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#ytiframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

/*youtube shorts 1920x1080 px video size*/

#ytv16by9diframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#ytv16by9iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

/*youtube shorts 1080x1920 px video size, used in 'love quotes for him'*/

@media (min-width:250px) {
#ytsiframe {
    width:300px;
    max-width:100%;
    height:533px;
    max-height:100%;
    
    display : block;
    margin-left : auto;
    margin-right : auto;
    
}
}

@media (min-width:500px) {
#ytsiframe {
    width:294px;
    max-width:100%;
    height:523px;
    max-height:100%;
    
    display : block;
    margin-left : auto;
    margin-right : auto;
    
}
}

#ytsdiframe {
    position: relative;
    overflow:hidden;
}

#ytsiframe {
    overflow:hidden

}

/*youtube shorts 1080x1920 px video size*/

@media (min-width:250px) {
#ytv9by16iframe {
    width:300px;
    max-width:100%;
    height:533px;
    max-height:100%;
    
    display : block;
    margin-left : auto;
    margin-right : auto;
    
}
}

@media (min-width:500px) {
#ytv9by16iframe {
    width:294px;
    max-width:100%;
    height:523px;
    max-height:100%;
    
    display : block;
    margin-left : auto;
    margin-right : auto;
    
}
}

#ytv9by16diframe {
    position: relative;
    overflow:hidden;
}

#ytv9by16iframe {
    overflow:hidden

}


/*youtube shorts 1080x1080 px video size, modify this code */

@media (min-width:250px) {
#ytv1by1iframe {
    width:420px;
    max-width:100%;
    height:420px;
    max-height:100%;
    
    display : block;
    margin-left : auto;
    margin-right : auto;
    
}
}

@media (min-width:500px) {
#ytv1by1iframe {
    width:480px;
    max-width:100%;
    height:540px;
    max-height:100%;
    
    display : block;
    margin-left : auto;
    margin-right : auto;
    
}
}

#ytv1by1diframe {
    position: relative;
    overflow:hidden;
}

#ytv1by1iframe {
    overflow:hidden

}

/*Click Below To Download, css btn*/

#pdf {
    font-size: 24px; 
    font-weight: bold; 
    color: #2A0055;
}

#vdo {
    font-size: 12.75pt;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    color: #2A0055;
}

/*for note marking with bold*/

#bmarked {
    font-weight: bold;
}

/*for note marking with italic*/

#imarked {
    font-style: normal; /*ex: italic*/ 
}

/*for marking with underline*/

#umarked {
    text-decoration: underline;
}

/*for marking with bold and italic*/

#bimarked, #ibmarked {
    font-weight: bold;
    font-style: italic;
}

/*for marking with bold and underline*/

#bumarked, #ubmarked {
    font-weight: bold;
    text-decoration: underline;
}

/*for marking with italic and underline*/

#iumarked, #uimarked {
    font-style: italic;
    text-decoration: underline;
}

/*for marking with bold, italiproductdetailsc and underline*/

#biumarked, #buimarked, #ibumarked, #iubmarked, #uibmarked, #ubimarked {
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}

/*for marking with italic and underline*/

/*Use encoder of the code for code display in wordpress out here*/

#codeview {
    color:black;
}

/*Side by Side image listing for infotrim image, start*/

@media (min-width:250px) {
.cityimglst {
width : 100%;
}
}

@media (min-width:660px) {
.cityimglst {
width : 31.3%; /*31.3% for 3 listing, 49% for 2 listing*/
}
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.cityimglst {
float : left;
margin : 0.5% 0.5%;
padding : 0;
height : auto;
background-color : #FFFFFF; /*EX: #592654*/
border : #410661 solid 2px;
text-decoration : none;
text-align : center;
color : white;
}

/* hide or show ads in post for advanced ads short code */

#ads1 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads2 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads3 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads4 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads5 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads6 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads7 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads8 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads9 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads10 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads11 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads12 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads13 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads14 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads15 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads16 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads17 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads18 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads19 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

#ads20 {

visibility : visible; /*use > hidden , to hide content*/

margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;
text-align : center;

}

/* hide or show heading images */

#imghid {
display: block !important;
visibility : visible; /*use > hidden , to hide content*/
margin-left : auto !important;
margin-right : auto !important;
width : 100%;
max-width : 698px;
cursor : pointer;

}

/* ---------------- CSS Code to Use in Web version, start ---------------- */