.main-content A         { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-decoration:none;}
A:link    { color: #de0d72 }
A:visited { color: #de0d72 }
A:hover   { color: #de0d72 }
A:active  { color: #de0d72 }

table {font-size: 16px;}
button#change_pass { display: none; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px;}
h3 {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 2px 0px; }

ul {margin-left: 5px; padding: 0px;}
/*li {margin-left: 10px; margin-top: 4px; margin-bottom: 4px; padding: 0px; list-style-position: outside; list-style-type: disc;} */

.textinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #D1D7DC; padding-right: 3px; padding-left: 3px;    height: 30px; border-radius: 10px;}
.listbox {font-family: Verdana, Arial, Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #D1D7DC; vertical-align : middle;}
.button {font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #F72F84; color:#000000; background-image : url(images/button_bg.gif); background-position : bottom;}
.radio {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; vertical-align : middle;}
.checkbox {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; vertical-align : middle;}

.bblink a {color: #869D42; text-decoration: none;}
.bblink a:hover {color: #F72F84; text-decoration: underline;}
.maintable {border: 1px solid #CCCCCC; background-color: #FFFFFF; margin-top: 1px; margin-bottom: 1px;}
.tableh1 {font-weight:bold; background : #f5f5f5; color : #444444; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;margin-bottom: 10px;
    margin-top: 10px;font-size: 16px; }
.tableh2 {background: #eeeeee ; color : #363636; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;}
.tableb {background: #FFFFFF ; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}
.tablef {background: #B9CA88; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;}

.catrow_noalb {background: #B9CA88 ; color : #000000; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}
.catrow {background: #FFFFFF ; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}

.album_stat {font-size: 85%; margin: 5px 0px;}
.thumb_filename {font-size: 80%; display: block;}
.thumb_title {font-weight : bold; font-size: 10pt; padding: 2px; display : block;}
.thumb_caption {font-size: 80%; padding: 1px; display : block;}
.thumb_caption a {text-decoration: none; color: #000000;}
.thumb_num_comments {font-weight: normal; font-size: 80%; padding: 2px; font-style : italic; display : block;}
.user_thumb_infobox {margin-top: 1px; margin-bottom: 1px;}
.user_thumb_infobox th {font-weight : bold; font-size: 100%; margin-top: 1px; margin-bottom: 1px; text-align : center;}
.user_thumb_infobox td {font-size: 80%; margin-top: 1px; margin-bottom: 1px; text-align : center;}
.user_thumb_infobox a {text-decoration: none; color: #000000;}
.user_thumb_infobox a:hover {color: #000000; text-decoration: underline;}

.sortorder_cell {background : #edbed8; color : #FFFFFF; padding: 0px; margin: 0px;}
.sortorder_options {font-family: Verdana, Arial, Helvetica, sans-serif; background:#edbed8; color:#FFFFFF; padding: 0px; margin: 0px; font-weight: normal; font-size: 80%; white-space: nowrap;}

.navmenu {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0a0a0a; font-size: 100%; font-weight: bold; background: #f5f5f5; border-style: none;}
.navmenu img {/*margin-top: 1px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px;*/    width: 30px; height: 30px; }
.navmenu a {display: block; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #0a0a0a;}
.navmenu a:hover {background: #EFEFEF; text-decoration: none; color: #000000;}

.admin_menu_thumb {font-family: Arial, Helvetica, sans-serif; font-size: 85%; border: 1px solid #F72F84; background-image: url(images/button_bg.gif); background-position: bottom; color: #000000; font-weight: bold; margin-top: 0px; margin-bottom: 0px; width: 85px;}
.admin_menu_thumb a {color: #000000; text-decoration: none; display: block; position: relative; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px;}
.admin_menu_thumb a:hover {color: #000000; text-decoration: underline;}
.admin_menu {font-family: Arial, Helvetica, sans-serif; font-size: 85%; border-width: 1px; border-style: solid; background-color:#EFEFEF; background-image: url(images/button_bg.gif); background-position: bottom; color: #000000; margin-top: 0px; margin-bottom: 0px; padding-top:2px; padding-bottom:2px; padding-left:1px; padding-right:1px; text-align: center;}
.admin_menu a {color: #000000; text-decoration: none; display: block; position: relative; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px;}
.admin_menu a:hover {color: #000000; text-decoration: underline;}
.admin_float {float:left; margin-left: 1px; margin-right: 10px; margin-top: 1px; margin-bottom: 1px;     width: 160px;}
.admin_menu_wrapper {width:100%; margin-left:10px;}

td #admin_menu_anim {background-image : url(images/button_bg_anim.gif);}

.comment_date{color : #5F5F5F; font-size : 90%; vertical-align : middle;}


/* pseudo-classes for image links */
/*
a:link .image{border-style:solid; border-width:1px; border-color:#cccccc; }
a:visited .image{border-style:solid; border-width:1px; border-color:#cccccc; }
a:focus .image{border-style:solid; border-width:1px; border-color:#cccccc; }
a:hover .image{border-style:solid; border-width:1px; border-color:#F72F84;}
a:active .image{border-style:solid; border-width:1px; border-color:#cccccc;}
.image {border-style: solid; border-width:1px; border-color: #cccccc;}
*/

.imageborder {border: 1px solid #000000; background-color: #FFFFFF; margin-top: 30px; margin-bottom: 30px;}

.display_media {background: #FFFFFF; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}

.thumbnails {background: #FFFFFF; padding: 5px;}

.footer {font-size : 9px; color: #D7D7D7;}
.footer a:link { font-size : 9px; text-decoration: none; color: #D7D7D7;}
.footer a:visited { font-size : 9px; text-decoration: none; color: #D7D7D7;}
.footer a:hover { font-size : 9px; text-decoration: none; color: #D7D7D7;}
.footer a:active { font-size : 9px; text-decoration: none; color: #D7D7D7;}

.statlink {color: #000000;}
.statlink a {text-decoration: none; color: #000000;}
.statlink a:hover {color: #000000; text-decoration: underline;}
.alblink {font-weight:bold;}
.alblink a {text-decoration: none; color: #000000;}
.alblink a:hover {color: #000000; text-decoration: none;}
.catlink {font-weight:bold; display: block; margin-bottom: 2px;}
.catlink a {text-decoration: underline; color: #000000;}
.catlink a:hover {color: #000000; text-decoration: underline;}

.topmenu {line-height : 130%; font-size: 100%;}
.topmenu a {color : #F72F84; text-decoration : none;}
.topmenu a:hover {color : #F72F84; text-decoration : underline;}

.img_caption_table {border: none; background-color: #FFFFFF; width: 100%; margin: 0px;}
.img_caption_table th {background: #B9CA88; font-size: 100%; color: #000000; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; border-top: 1px solid #FFFFFF;}
.img_caption_table td {background: #EFEFEF; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top : 1px solid #FFFFFF; white-space: normal;}

.debug_text {border: #BDBEBD; background-color: #EFEFEF; width: 100%; margin: 0px;}

.clickable_option {cursor : default;}

.listbox_lang {color: #000000; background-color: #B9CA88; border: 1px solid #B9CA88; font-size: 80%; font-family: Arial, Helvetica, sans-serif; vertical-align : middle;}

.pic_title {color: #000000; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom:0px;}
.pic_caption {color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; padding-top:0px; padding-bottom:0px; margin-top:5px; margin-bottom:5px;}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-left: 100px;
    margin-right: 100px;
}
.cpg_message_info {color: #000000; background-color: #FFC6DE; background-image: url('../../images/message/info.png');}
.cpg_message_success {color: #000000; background-color: #FFC6DE; background-image: url('../../images/message/ok.png');}
.cpg_message_warning {color: #000000; background-color: #FEE48B; background-image: url('../../images/message/warning.png');}
.cpg_message_error {color: #000000; background-color: #FD74AE; background-image: url('../../images/message/stop.png');}
.cpg_message_validation {color: #000000; background-color: #FD74AE; background-image: url('../../images/message/error.png');}

.cpg_summary {font-size:0.9em; border: 1px solid; margin: 10px 0px;	padding:5px 10px 5px 10px; color: #FF2B9C; background-color: #FFDEEF; text-align:right; float:right; width:400px;}

#vanity a {display:block; width:57px; height:20px; margin: 3px 20px;}
#vanity img {border:0}
#GB_window {background-color: #FFFFFF; border: 5px solid #AAAAAA;}

/*

.galleryMenu {font-size : 14pt; color: #869D42; margin:0px; padding:0px;}
.galleryMenu a:link { font-size : 14pt; text-decoration: none; color: #869D42;}
.galleryMenu a:visited { font-size : 14pt; text-decoration: none; color: #869D42;}
.galleryMenu a:hover { font-size : 14pt; text-decoration: none; color: #F72F84;}
.galleryMenu a:active { font-size : 14pt; text-decoration: none; color: #869D42;}
*/


      .galleryMenu a:link { background: #e3e3e3; color: #444444; border-style: solid; border-width: 1px; border-color: #efeded #a0a0a0 #a0a0a0 #efeded; 
      font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 11pt;
      font-weight: 500;
      padding: 5px 1em 5px;
      text-align: center;
      vertical-align: baseline;
      cursor: pointer;
      border-radius: 5px;
	  margin-top: 12px;
      }
      .galleryMenu a:hover   { background: #fb81b2; color: #444444; border-style: solid; border-width: 1px; border-color: #efeded #a0a0a0 #a0a0a0 #efeded; }
      .galleryMenu a:visited { background: #e3e3e3; color: #444444; border-style: solid; border-width: 1px; border-color: #efeded #a0a0a0 #a0a0a0 #efeded; }



/*
      .subnavbuttons {text-align:center}

	  .galleryMenu a:link { background: #e3e3e3; border-color: #adadad; color: #000; border: 1px solid #efeded #a0a0a0 #a0a0a0 #efeded; 
      font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 9pt;
      padding: 4px 1em 4px;
      text-align: center;
      vertical-align: baseline;
      cursor: pointer;
      border-radius: 5px;
      }

      .galleryMenu a:hover { background: #fd74ae }

*/


body {margin: 0; font-family: arial, helvetica, sans-serif; color: #444444; /* background-color: #FFC6DE; text-align: center; background-image: url(/images/header.png); background-repeat:repeat-x; */ }
img {border: none;}
#mainWrapper {margin:auto; text-align:left; width:1000px; margin-left:auto; margin-right:auto;}
.subtitle   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #869D42; }

.fieldLabel  { background-color: #B9CA88; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF; }


#navTopWrapper  {height: 32px;}
#navTop         {font-size: 12px; font-weight: bold; text-align: right; padding: 8px; margin: 0; }
#navTop a       {font-size: 12px; text-decoration: none; color: #FFFFFF; padding: 0 0.8em; white-space: nowrap; }
.cart-image {vertical-align:middle; margin-top:0px;}      

#logoWrapper {margin: 0em; padding: 0em; height:141px; background-color:#ffffff; }
#logo {float: left; }
#social {float: right; padding: 20px; }
#club {margin-right:0px; text-align: right; padding-right: 10px; clear: right;}

#navTabsWrapper {height:44px; background-image: url(/images/tab_background.gif); background-repeat:repeat-x; overflow: hidden; }
#navTabs {background-image: url(/images/tab_spacer.gif); background-repeat:repeat-x; overflow: hidden;}
#navTabsBottom {background-color: #F72F84; height:30px;}


#contentMainWrapper {margin: 0em; padding: 0em; background-color:#FFFFFF;}
#navColumnOne {margin:auto; background-color: #B9CA88; width: 200px; text-align: center;}

A.menuSideLink          { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFFFFF;
  float: left; padding: 5px 10px; margin: 2px 0px 2px 8px; border: 2px solid; border-color: #A3BA5F #647A21 #647A21 #A3BA5F; width: 160px; background-color: #869D42;}
  A.menuSideLink:hover    { color: #FFFFFF; border-color: #647A21 #A3BA5F #A3BA5F #647A21;}


  .centerColumn {padding: 0.9em; font-size: 10pt;}
  h1 {font-family: Arial, Helvetica, sans-serif; color: #fb76ae; font-weight: normal; font-size: 24px; padding:0 0 15px 0; margin:0;}


  #navFooterWrapper {margin: 0em; padding: 10px; font-size: 9pt; font-weight: bold; color: #ffffff; height: 1%; background-color: #FB81B2; }
  #navFooterWrapper a {font-size: 9pt; text-decoration: none; font-weight: normal; color: #FFFFFF;}  
  .footerDivider {border-right: 1px solid white; width: 1px;}
  .footerCell {padding: 0 15px;}

  #siteinfoLegal {font-size: 0.9em; color: #888888; font-size: 8pt; padding: 2em; text-align: center;}
  button.action.subscribe.primary {
    height: 48px;
    text-transform: uppercase;
    padding: 0 22px;
    box-shadow: none;
    border: 0px;
}
button.action.primary {
    background-color: #FB76AE;
    border-color: #FB76AE;
    color: #FFFFFF;
}
.footer {
    height: auto !important;     padding-bottom: 31px;
}



/* new css 18-30-19 */
.main-content table {max-width: 1000px;width: 100%;}


/* menu css */
.sol-subnav ul li{margin-right:35px !important;}
.sol-subnav:after{content:none !important;}


@media(min-width:992px)
{
    .header.xcart span.menutxt{display: none;}
    .nav-toggle{display:none;}
}


@media (max-width:1200px)
{
    .sol-subnav ul li{margin-right:16px !important;font-size:14px !important;}
    .sol-subnav ul li a{font-size:14px;}
    .sol-subnav ul{padding:0px 15px !important;}
}


@media (max-width:991px)
{
    .topMenuWrapOuter{padding-top:20px;}
    .overlaymenu{position: absolute;left:0px;right:0px;width:100%;height:100vh;top:0px;visibility:hidden;z-index:9;}
    .overlaymenu.active{visibility:visible;}
    .sol-subnav{border:none !important;height:auto !important;    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);-moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);-ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);}
    .nav-toggle:before {-webkit-font-smoothing: antialiased;font-size: 25px;line-height: inherit;color: #0088cc;content: '\f827';font-family: 'porto-icons';vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;color:#FB76AE;}
    /* menu css */
    .nav-toggle{position: relative;top:15px;float:left;margin-left:30px;cursor:pointer;}
    .nav-toggle:before {-webkit-font-smoothing: antialiased;font-size: 25px;line-height: inherit;color: #0088cc;content: '\f827';font-family: 'porto-icons';vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;color:#FB76AE;}
    .sol-subnav:after{content:none !important;}
    .sol-subnav ul li {display: block;width: 100%;margin: 0px !important;height: auto !important;}
    /* .header .top-panel .block-links ul a:first-child,.header .top-panel .block-links ul a:nth-child(2){display:none;} */
    ul.RightmenuOuter .block-links{float:none !important;}
    .header .top-panel .block-links ul{text-align:center;width:100%;padding:0px;}
    .header .top-panel .block-links ul li{display:inline-block !important;text-align:center;float:none !important;margin: 0px !important;padding: 0px 10px !important;}
    a.porto-icon-mini-cart.action.showcart{position: absolute !important;top:30px;right: 15px !important;}
    .topMenuWrapOuter{display:block !important;}
    .header.xcart .container{padding:0px;margin:0px;width:auto;}
    .header .logo{width:40% !important;margin-left:10px;    margin-left: 10px;margin-top:15px;    width: 100% !important;max-width: 200px;}
    .header .logo img{max-width:100%;}
    .header .top-panel .block-search button{display: none !important;}
    /*     .header .top-panel .block-search{float:none !important;margin:0 auto;} */
    .top-panel {text-align:center;clear:both;margin-top:10px;}
    .header .top-panel .block-search input#search{width:100%;outline:none !important;}
    ul.RightmenuOuter{float:none !important;    padding: 0px !important;}
    .label.searchicon{position: absolute;top:30px;    right: 50px;}
    .header.xcart.active .logo{margin-top:0px !important;}
    .header.xcart.active .nav-toggle{top:0px !important;}
    .label.searchicon:before {
        -webkit-font-smoothing: antialiased;
        font-size: 22px;
        line-height: 28px;
        color: #000;
        content: '\f818';
        font-family: 'porto-icons';
        margin: 0 9px 0 0;
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
    }
    .header.xcart.active {padding-top: 30px;position: fixed;left: 0px;width: 100%;right: 0px;z-index: 9;background: #fff;overflow-x:hidden;}
    .topMenuWrapOuter{position: relative;}
    .logowrap {float: left;margin-bottom: 25px;}
    .header.xcart{-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;transition:width 0.3s;border-bottom: 1px solid #eadcdc;overflow-x:hidden;}
    .header.xcart.active .sol-subnav {-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;transition:width 0.3s;height: 100% !important;left: -80%;left: calc(-1 * (100% - 54px));overflow: auto;position: fixed !important;top: 0 !important;width:calc(100% - 54px);background-color: #f6f6f6;left:0% !important;overflow-x:hidden;width:80% !important;}
    .header.xcart.active .sol-subnav ul{display: block !important;top:0px !important;padding:0px !important;}
    .sol-subnav ul li a{display:block;color:#777 !important;padding:10px 15px;}
    .sol-subnav ul li:last-child{padding-right:0px !important;}
    .header.xcart.active .responsivecon{left: 80%;position: relative;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;-ms-transition:left 0.3s;transition:left 0.3s;}
    .header.xcart .responsivecon{-webkit-transition:left 0.3s;-moz-transition:left 0.3s;-ms-transition:left 0.3s;transition:left 0.3s;}
    .header.xcart span.menutxt {display: inline-block;padding:10px 15px;    background: #fb76ae;color: #fff;width: 100%;text-align: center;}   
}
/* menu css end desktop */

@media (max-width:1200px)
{
  table.maintable > tbody tr {
    display: flex;
    flex-direction: column;justify-content:center;align-items: center;}
    table.maintable > tbody>tr td {
    flex: 0 0 100%;
    max-width: 100%;
        min-height: 20px;
    text-align: center;
    width: 100%;
}
.galleryMenu a {
    display: inline-block !important;
    margin: 4px 0px !important;
}
.galleryMenu br {
    display: none;
}

}


@media (max-width:767px){
    .galleryMenu{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;justify-content:center;}
    table * {box-sizing:border-box;}
    table.maintable tr {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
    table.maintable tr td {flex: 0 0 100%;max-width:100%;height: auto !important;text-align:center !important;}
    table.maintable td.tableh1 {flex: 0 0 100% !important;max-width: 100% !important;text-align:center;}
    #cpgform tr {display:table-row;}
    #cpgform tr td{text-align:left;}
    td.tableb > div {width: 100% !important;}
    .listbox{max-width:200px;}
    form#cpgform3 tr {display: table-row;}
    form#cpgform3 tr td {text-align: left !important;}
    .custom_gallery .container td table + br + table .maintable + a[name="top_display_media"] + table{background:#000 !important;}
    .container{width:100% !important;padding:0px 0px !important;}
    body {
        overflow-x: hidden;
    }
    table{max-width:100% !important;}
    img {
        max-width: 100%;
    }
    #comments .maintable tr:last-child{display:table-row;}
    .main-content.custom_gallery>.container>table>tbody>tr>td>table>tbody>tr>td>table.maintable:nth-child(3) tr {
        display: table-row;
    }
    .footer{    padding-left: 15px;}   
    .galleryMenu a:link{ margin: 3px 5px;}
    tr.tb td {flex: inherit !important;}
}

/* Category List */
.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.category-box {
    width: 200px;
    border: 1px solid #ddd;
    padding-bottom: 20px;
    text-align: center;
    border-radius: 8px;
    background: #f2e0e2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.cat-thumb {
    width: 100%;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
}

.cat-title {
    font-weight: bold;
    margin-top: 10px;
    font-size: 16px;
    color: #444444;
}


/*----------------END category list----------------- */
/*--------- Start Side Menu ----------------*/

.sidebar2 { ;height: auto;
    width: 230px;
    min-width: 230px;
    max-width: 230px;
    display: block;
    float: left;
 } 
.navigation {
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    width: auto;    
    box-sizing: border-box;
}
.side-megamenu {
    background-color: #fbfbfb !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
} 
h2.side-menu-title {
    margin: 0;
    background-color: #f5f5f5;
    color: #444444;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 14px 15px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ddd;
    padding: 11px 15px;
    text-transform: uppercase;
}
.sw-megamenu.navigation.side-megamenu li {
    display: block;
    position: relative;
    border-radius: 0;
    margin: 0;
}
.sw-megamenu.navigation.side-megamenu li a {
   display: block;
    position: relative;
    border-radius: 0; 
    display: block;
    padding: 0 5px;
    margin: 0 10px;
    border-top: 1px solid #ddd;
    line-height: 41px;
    font-weight: 400;
    font-size: 14px;
    color: #777; 
    font-size: 16px;
}
.sw-megamenu.navigation.side-megamenu li:first-child>a {
    border-top: 0;
}
/*--------- End Side Menu ---------Start Album-------*/

.album-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  padding: 20px 10px;
}

.album-item {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden; 
  float: left;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.album-item:hover {
  transform: translateY(-3px);
}

.album-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-bottom: 1px solid #eee;
}

.album-info {
  padding: 12px;
}

.album-title {
  font-size: 16px;
  margin: 0 0 8px;
  color: #333;
}

.album-title a {
  text-decoration: none;
  color: inherit;
}

.album-desc {
  font-size: 14px;
  color: #666;
}

.admin-menu {
  margin-top: 10px;
  font-size: 13px;
  color: #999;
}

.album-item.empty {
  background: transparent;
  border: none;
  box-shadow: none;
}

.navmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0a0a0a;
    font-size: 100%;
    font-weight: bold;
    background: #f5f5f5;
    border-style: none;
    background: #FFFFFF;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: 1px solid #cac4c4;
}
 .maintable td.tableh1 {  font-weight: normal;font-size: 14px;} 
 
 //-----------------------
 
 /* Container */
.thumb-grid-wrapper {
  padding: 20px 10px;
}

/* Grid layout */
.thumb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 15px;
}

/* Individual thumbnail card */
.thumb-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #efefef;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.thumb-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Thumbnail image: cover & center */
.thumb-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

/* Caption below image */
.thumb-caption {
  padding: 8px;
  font-size: 14px;
  color: #444;
  text-align: center;
}
.thumb-nav-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    margin: 40px auto 20px;
    padding: 10px;
    font-family: "Segoe UI", sans-serif;
}

.thumb-nav-bar a {
    padding: 8px 14px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.thumb-nav-bar a:hover {
    background-color: #f27bad;
    color: #333;
    border-color: #ccc;
}


.thumb-nav-bar span {
    padding: 8px 14px;
    background-color: #f297bd;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}


.thumb-nav-bar .current,
.thumb-nav-bar a.current {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
    font-weight: 600;
    pointer-events: none;
    cursor: default;
}
}
span#tabs_dropdown_span0 {
    display: none;
}

@media screen and (max-width: 768px) {
.right-panel { width: auto !important; }
.thumb-grid { margin: 10px;}
.thumb-card img {  height: 100%; }

}  
/* -------------------Product Detail page ------------------*/
.cpgi-container { max-width: 980px; margin: auto; padding: 10px; font-family: sans-serif; }
.cpgi-main { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 20px; }
.cpgi-image img { max-width: 100%; border: 1px solid #ccc; }
.cpgi-meta h2 { margin-bottom: 10px; }
.cpgi-caption { color: #555; }

.cpgi-rating-form { margin: 20px 0; }
.cpgi-rating-form select { padding: 5px; }

.cpgi-info { margin: 20px 0; }
.cpgi-info-item { margin-bottom: 5px; }

.cpgi-comments { margin-top: 10px; }
.cpgi-comment-list { display: flex; flex-direction: column; gap: 15px; }
.cpgi-comment { padding: 10px; border-bottom: 1px solid #eee; }
.cpgi-comment-meta { font-weight: bold; margin-bottom: 5px; }
.cpgi-comment-body { color: #333; }
.cpgi-container {
  max-width: 980px;
  margin: auto;
  padding: 0px;
  font-family: sans-serif;
}

.cpgi-nav {
  border: 1px solid #CCCCCC; 
    
    background: #f5f5f5;
    color: #0a0a0a;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
        font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.cpgi-fav-btn {
  padding: 6px 14px;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

.cpgi-main {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.cpgi-image-box img {
  max-width: 100%;
  border: 1px solid #ccc;
}

.cpgi-info-box {
  flex: 1 1 40%;
}

.cpgi-author {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.cpgi-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.cpgi-caption {
  color: #555;
}

.cpgi-filmstrip {
  margin: 20px 0;
}

.cpgi-meta {
  margin-bottom: 30px;
}

.cpgi-comments {
  margin-top: 10px;
}

.cpgi-comment-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cpgi-comment {
  display: flex;
  gap: 12px;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}

.cpgi-comment-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.cpgi-comment-meta {
  font-size: 14px;
  color: #333;
}

.cpgi-comment-body {
  font-size: 14px;
  color: #444;
}
//----------------------

.cpgi-container {
  max-width: 1080px;
  margin: auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

.cpgi-nav {
  margin-top : 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.cpgi-main {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}

.cpgi-image {
  /* flex: 1 1 55%; */
  text-align: center;
      padding: 6px;
    border: 1.5px solid #e3e3e3;
    border-radius: 5px;
}

.cpgi-image img {
  max-width: 100%;
  border: 1px solid #ccc; 
  width: 100%;
  height: auto;
}

.cpgi-meta {
  flex: 1 1 30%;
}

.cpgi-meta h2 {
  margin-bottom: 10px;
}

.cpgi-caption {
  color: #555;
  margin-bottom: 15px;
}

.cpgi-info-box div {
  margin-bottom: 5px;
  font-size: 14px;
}

.cpgi-rating {
  margin: 15px 0;
}

.cpgi-filmstrip {
  margin-top: 20px;
}

.cpgi-comments {
  margin-top: 10px;
}

/* Optional: Responsive */
@media (max-width: 768px) {
  .cpgi-main {
    flex-direction: column;
  }
}

.image-info {
      flex: 1 1 40%;
      margin-top:15px;
    }
    .image-info h2 {
      margin-top: 0;
    }
    .author {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 20px;
    border-top: 1px solid #d1cdcd;
    border-bottom: 1px solid #d1cdcd;
    margin-top: 15px;
}
    .author img {
      width: 60px;
      height: 60px;
      border-radius: 10px;
    }
    table.tableb.tableb_alternate {
	border: 1px solid #000;
	color: #ed1c24;
}
.buttonlist.align_right ul {
   list-style: none;
  margin: 10px;
  padding: 10px;
  background-color: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  max-width: 250px;
    
}
.buttonlist.align_right ul li{ padding:10px } 
.social-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}

.social-buttons a {
  text-decoration: none;
  font-size: 18px;
  padding: 6px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 10%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
 
.favorite a { 
  width:180px;
  border: 1px solid #ccc;
  padding: 6px 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
}
    .products-used {
      margin-top: 30px;
    }
    .product-list {
      display: flex;
      gap: 15px;
      overflow-x: auto;
      padding-bottom: 10px;
    }
    .product-card {
      min-width: 250px;      
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 10px;
      text-align: center;
      background: #fafafa;
    }
    .product-card img {
      width: 100%;
      height: auto;
      border-radius: 4px;
    }
    .product-card p {
      margin: 8px 0 4px;
      font-size: 14px;
    }
    .product-card .price {
      color: #d13a7a;
      font-weight: bold;
    }
    .product-card button {
      background-color: #d13a7a;
      color: white;
      border: none;
      padding: 7px 6px;
      border-radius: 6px;
      cursor: pointer;
          font-size: 10pt;
      margin-top: 10px;
    }
     
.product-actions {
  display: flex;
  gap: 5px;
  align-items: center;
}
.product-list { display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
}
.btn {
  border: none;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s;
}

.pink {
  background-color: #f7a8c3;
  color: #000;
}

.rounded {
  border-radius: 25px;
}
button.btn.icon-btn.heart a, button.btn.pink.rounded a { color: #ffffff; font-size:12px;}
.icon-btn {
  width: 40px;
  height: 28px;
  justify-content: center;
  border: 1px solid #ccc;
  background-color: white;
  color: #f2789f;
  border-radius: 5px;
}

.icon-btn.heart:hover {
  background-color: #f7a8c3;
  color: #fff;
}

.btn i {
  font-size: 14px;
}

/* 📱 Mobile screens */
@media (max-width: 480px) {
  .category-box {
    flex: 1 1 100%;   /* full width */
    max-width: 100%;
        margin: 5%;
  }
}

/* 📲 Tablets */
@media (min-width: 481px) and (max-width: 768px) {
  .category-box {
    flex: 1 1 calc(50% - 20px); /* 2 per row */
  }
}

/* 💻 Small desktops */
@media (min-width: 769px) and (max-width: 1024px) {
  .category-box {
    flex: 1 1 calc(33.333% - 20px); /* 3 per row */
  }
}

@media (max-width: 480px) {

 .cpgi-container { padding:5%;}
 .navmenu1 { display:none;}
 .sidebar2 { padding-left: 10%; }
 .product-actions { display: inline-flex; }
 .profile-content { display: flow !important;}
 .profile-photo img { width: 90% !important; padding: 5%; }
 .profile-photo { display: contents; } 
 #cpgform tr td { text-align: left !important; }
 .chip-input { width: 335px; }
 .cpgi-meta { margin-top: 20px; }
 span.favicon {  display: none; }
 .favorite a {  width: auto; }
 .thumb-grid { display: inline; }
  .cpgi-image { flex: none; height: 100%; }
  .two-col select { max-width: 300px !important; }
  .editpic-card {  flex-direction: initial !important; }
  .container .right-panel { width: 96% !important;  margin: 2%; }
  .listbox { max-width: fit-content; }
  button.btn-save { float: unset; margin-left: 30%; }
}

.fname {  width: 200px; }