html,
body,
div,
section,
article,
aside,
header,
hgroup,
footer,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
time,
span,
em,
img,
ul,
li,
figure,
canvas,
video,
th,
td,
tr {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit
}

body {
    background: url("../images/bg-image.jpg") left top;
    margin: 0;
    padding: 0;
    color: #333;
    font-family: Verdana, Tahoma, Arial, "Segoe UI";
    font-size: 13px
}

.sp {
    background-image: url("../images/sprite-image.png");
    background-repeat: no-repeat
}

#nav {
    margin: 7px 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 88%;
    float: left;
    box-shadow: 0 0 2px #999;
    background-color: #ffd646
}

#nav ul {
    margin: 0;
    padding-left: 3.5%;
    float: left;
    display: inline;
    list-style-type: none
}

#nav ul li {
    padding: 5px;
    width: 100%;
    color: #666;
    float: left;
    display: inline;
    list-style-type: none;
    transition-property: background-color;
    transition-duration: .5s;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .5s
}

#nav ul li:hover {
    color: #fff;
    background-color: #e67813
}

#nav ul li a {
    color: #666;
    text-decoration: none
}

#nav ul li a:hover {
    color: #fff
}

.header {
    width: 100%;
    float: left
	
}

.indiartlogo {
    float: left;
    margin: 25px 0 0 30px;
    width: 18%
}



.hdrrighpnl {
    float: right;
    width: 62%
}

.seinp {
    width: 78%!important
}

.footer {
    width: 100%;
    height: auto;
	padding-top: 20px;
    font-size: 85%;
    border-top-color: #e67813;
    border-top-width: 2px;
    border-top-style: solid;
    float: left;
    background-color: #282828
}

.footer a {
    color: #fff
}

.footer a:hover {
    color: #e67813;
    text-decoration: none
}

.footer ul {
    margin: 0;
    width: 29%;
    height: 180px;
    padding-left: 3.2%;
    float: left;
    list-style-type: none
}

.fr {
    float: right
}

.footer ul li {
    padding: 4px 0;
    width: 100%;
    border-bottom-color: #cecece;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    float: left;
    list-style-type: none
}

.createdby {
    padding: 0 1%;
    width: 98%;
    float: left;
    color: #ccc
}

.hdrrow {
    float: right;
    padding: 7px 0;
    width: 100%
}

.hdrrow2 {
    padding: 7px 10px;
    width: 92%;
    text-align: right;
    float: left
}

.mainbody {
    width: 100%;
    float: left
}

.content {
    margin: 0 auto;
    width: 97%
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #b61818;
    text-decoration: underline
}

/* input[type=text] {
    padding: 5px;
    border: 1px solid #cecece;
    border-image: none;
    width: 100%;
    color: #575757;
    float: left
}*/
input[type=text] {
    padding: 4px ;
    //border: 1px solid #cecece;
    border-image: none ;
    width: 100%;
    color: #575757 ;
    float: left;
    border: none ;
    border-radius: 0px ;
    border: thin solid #E67914;
}

select {
    padding: 5px;
    border: 1px solid #cecece;
    border-image: none;
    width: 100%;
    color: #575757;
    float: left
}

textarea {
    padding: 5px;
    border: 1px solid #cecece;
    border-image: none;
    width: 100%;
    color: #575757;
    float: left
}

input[type=text]:focus {
    border: 1px solid #000000!important;
    border-image: none!important;
    box-shadow: 0 0 9px #e6e6e6
}

select:focus {
    border: 1px solid #000000!important;
    border-image: none!important;
    box-shadow: 0 0 9px #e6e6e6
}

textarea:focus {
    border: 1px solid #000000!important;
    border-image: none!important;
    box-shadow: 0 0 9px #e6e6e6
}

input[type=button] {
    padding: 5px 10px;
    border: currentColor;
    border-image: none;
    color: #fff;
    float: left;
    cursor: pointer;
    box-shadow: inset 0 0 2px #e67914;
    background-color: #e67914
}

input[type=submit] {
    padding: 5px 10px;
    border: currentColor;
    border-image: none;
    color: #fff;
    float: left;
    cursor: pointer;
    box-shadow: inset 0 0 2px #e67914;
    background-color: #e67914
}

.popkeyword {
    width: 100%
}

.top a {
    margin: 0 5px;
    float: right
}

.popkeyword a {
    margin: 0 2px;
    font-size: 85%;
    float: left
}

span {
    margin: 0 2px;
    font-size: 85%;
    float: left
}

.fl {
    float: left
}

.blg {
    background-position: -318px -7px;
    padding: 11px 10px
}

.fcb {
    background-position: -340px -7px;
    padding: 11px 10px
}


.google {
    background-position: -362px -5px;
    padding: 10px;
}

.tw {
    background-position: -361px -7px;
	
    padding: 10px
}

.yt {
   background-position: -382px -7px;
   
    padding: 10px
}

.ig {
    background-position: -404px -7px;
	padding: 10px
}
.vmo{
	background-position: -425px -7px;
    padding: 10px
	
}
.home {
    background-position: -445px -7px;
    padding: 10px
}

.register {
    background-position: -478px -5px;
    padding: 10px
}

.Cart {
    background-position: -596px -80px;
    padding: 10px
}

.Want {
    background-position: -812px -79px;
    padding: 10px
}

.ShortList {
    background-position: -619px -82px;
    padding: 10px
}

.Myaccount {
    background-position: -793px -82px;
    padding: 10px
}

.contact {
    background-position: -511px -9px;
    padding: 10px
}

.homelink {
    float: right;
    margin-left: 20px;
    position: relative
}

.popkeyword a {
    margin: 0 2px;
    font-size: 85%;
    float: left
}

span {
    margin: 0 2px;
    font-size: 85%;
    float: left
}

.cp {
    cursor: pointer
}

.pr {
    position: relative
}

.triangle {
    border-bottom: 14px solid #fff;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    display: block;
    height: 0;
    left: 37px;
    position: absolute;
    top: 12px;
    width: 0
}

#Cartnotification {
    padding: 10px;
    top: 35px;
    width: 220px;
    right: 0;
    color: #fff;
    display: none;
    position: fixed;
    z-index: 1001;
    cursor: pointer;
    background-color: #000
}

#Shorlistnotification {
    padding: 10px;
    top: 35px;
    width: 220px;
    right: 0;
    color: #fff;
    display: none;
    position: fixed;
    z-index: 1001;
    cursor: pointer;
    background-color: #000
}

#ct {
    padding: 10px;
    border: 1px solid #ccc;
    border-image: none;
    right: 0;
    bottom: 100px;
    color: #000;
    display: block;
    position: fixed;
    z-index: 100;
    cursor: pointer;
    background-color: #fff
}

#CartCnt {
    padding: 2px 4px;
    border-radius: 10px;
    color: #000;
    display: block;
    z-index: 5;
    cursor: pointer;
    background-color: #fff
}

#ShntCnt {
    padding: 2px 4px;
    border-radius: 10px;
    color: #000;
    display: block;
    z-index: 5;
    cursor: pointer;
    background-color: #fff
}

.abtInd {
    width: 100%;
    font-size: 85%
}

.row1 {
    width: 100%;
    float: left
}

.left {
    width: 49%;
    float: left
}

.mid {
    width: 1%;
    float: left
}

.right {
    width: 50%;
    float: left;
    position: relative
}

.row1 .right img {
    width: 100%
}

.hl {
    border-right: 1px solid #ccc;
    margin: 0 10px 0 0;
    padding: 0 4px 0 0
}

.ampHed more {
    right: 0;
    position: absolute
}

.amp {
    border: 2px solid #cecece;
    border-image: none;
    width: 100%;
    float: left
}

.amp h2 {
    margin: 0;
    padding: 0 0 2px 5px;
    width: 150px;
    color: #000;
    font-size: 130%;
    font-weight: normal;
    float: left
}

.we {
    margin: 0;
    padding: 5px 0 5px 4px;
    color: #000;
    font-size: 90%;
    font-weight: normal;
    float: left
}

.amp h2 span1 {
    text-align: center;
    float: left
}

.amp div {
    float: left
}

.amp2 div {
    width: 100%;
    float: left
}

.amp span1 {
    left: 0;
    width: 94%;
    text-align: center;
    bottom: 10px;
    color: #fff;
    line-height: 2;
    position: absolute;
    opacity: .5;
    background-color: #000
}

.ampicon {
    background-position: -554px -7px;
    padding: 3px 7px
}

.Documentaryicon {
    background-position: -802px -4px
}

.ampHed {
    margin: 1.1% 8px;
    padding: 0;
    width: 97%;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    border-bottom-style: dotted
}

.amp2 {
    width: 100%;
    margin-top: 1%;
    float: left
}

.aep2 div {
    margin: 0 1%;
    padding: 1% 1.4%;
    width: 45%;
    position: relative;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.aep2 img {
    width: 100%!important
}

.aep2 h3 {
    margin: 0;
    padding: 0 0 3px;
    width: 94%;
    text-align: center;
    color: #000;
    font-size: 85%
}

.aep2 span {
    width: 94%;
    text-align: center;
    color: #000
}

.aep-text {
    margin: 0;
    padding: 0 15px 0 2px;
    width: 23%;
    text-align: justify;
    font-size: 85%;
    float: left
}

.aep-text1 {
    margin: 0;
    padding: 0 3px 0 2px;
    width: 22%;
    text-align: justify;
    font-size: 85%;
    float: left
}

.ADdivider {
    margin: 20px auto;
    width: 100%;
    height: 2px;
    border-top-color: #989898;
    border-bottom-color: #989898;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    float: left;
    position: relative
}

.ADdivider span {
    background-position: -421px -85px;
    padding: 9px 82px;
    left: 44%;
    top: -9px;
    position: absolute
}

.indDirectories {
    width: 100%;
    float: left
}

.indDirectories img {
    width: 100%
}

.indDirectories div {
    float: left
}

.indDirectories .iddiv {
    padding: 5px 0;
    border-radius: 5px;
    border: 1px solid #cecece;
    border-image: none;
    width: 18.9%;
    margin-left: 1%;
    box-shadow: 0 2px 2px #dedede;
    background-color: #fff
}

.indDirectories .iddiv h3 {
    margin: 15px 0 0;
    padding: 0;
    color: #000;
    font-size: 110%;
    font-weight: normal;
    float: left
}

.indDirectories .iddiv h3 a {
    color: #000;
    text-decoration: none
}

.iddiv p {
    height: 135px;
    text-align: justify;
    font-size: 85%
}

.idde {
    padding: 10px 0 5px;
    width: 100%;
    text-align: right;
    font-size: 85%;
    border-top-color: #cecece;
    border-top-width: 1px;
    border-top-style: solid
}

.idicon {
    background-position: -681px -2px;
    padding: 22px
}

.imgdataCont {
    padding: 0 3%
}

.idde a {
    margin-right: 10px
}

.idhedcon {
    padding: 0 0 10px;
    width: 100%;
    float: left
}

.pedsfm {
    margin: 20px 0;
    width: 100%;
    float: left
}

.pedsfm .left {
    width: 48%;
    position: relative
}

.pedsfm .right {
    width: 48%;
    margin-left: 2%;
    position: relative
}

#listHori1 {
    padding: 1% 0;
    width: 100%;
    float: left;
    box-shadow: 0 1px 1px #ccc;
    background-color: #fff
}

#listHori2 {
    padding: 1% 0;
    width: 100%;
    float: left;
    box-shadow: 0 1px 1px #ccc;
    background-color: #fff
}

.sliderHori1 ul {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.sliderHori2 ul {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.prevHori1 {
    background-position: -587px -6px;
    margin: 113px 0 0;
    padding: 16px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .8
}

.prevHori2 {
    background-position: -587px -6px;
    margin: 113px 0 0;
    padding: 16px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .8
}

.prevHori1:hover {
    opacity: 1
}

.prevHori2:hover {
    opacity: 1
}

.nextHori1 {
    background-position: -624px -6px;
    margin: 113px 0 0;
    padding: 16px;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .8
}

.nextHori2 {
    background-position: -624px -6px;
    margin: 113px 0 0;
    padding: 16px;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .8
}

.nextHori1:hover {
    opacity: 1
}

.nextHori2:hover {
    opacity: 1
}

.sliderHori1 {
    margin: 0 auto;
    left: -5000px;
    width: 100%;
    float: left;
    visibility: hidden;
    position: relative
}

.sliderHori2 {
    margin: 0 auto;
    left: -5000px;
    width: 100%;
    float: left;
    visibility: hidden;
    position: relative
}

.sliderHori1 ul li {
    margin: 0 2px;
    padding: 0
}

.sliderHori2 ul li {
    margin: 0 2px;
    padding: 0
}

.sliderHori1 ul li img {
    padding: 4px;
    border: 1px solid #f2f2f2;
    border-image: none;
    float: left;
    box-shadow: 1px 1px 1px #f2f2f2
}

.sliderHori2 ul li img {
    padding: 4px;
    border: 1px solid #f2f2f2;
    border-image: none;
    float: left;
    box-shadow: 1px 1px 1px #f2f2f2
}

.sliderHori1 ul li div {
    width: 100%;
    color: #b61818;
    float: left
}

.sliderHori2 ul li div {
    width: 100%;
    color: #b61818;
    float: left
}

.sliderHori1 ul li div a {
    text-decoration: none
}

.sliderHori2 ul li div a {
    text-decoration: none
}

#listHori {
    width: 100%;
    height: 100%
}

.sliderHori ul {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.prevHori {
    background-position: -587px -6px;
    margin: 17% 0 0;
    padding: 16px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .3
}

.prevHori:hover {
    opacity: 1
}

.nextHori {
    background-position: -624px -6px;
    margin: 23% 0 0;
    padding: 20px;
    top: 0;
    right: 16px;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .3
}

.nextHori:hover {
    opacity: 1
}

.sliderHori {
    left: -5000px;
    float: left;
    visibility: hidden;
    position: relative
}

.sliderHori ul li {
    padding: 0
}

.sliderHori ul li img {
    float: left
}

.sliderHori ul li div {
    width: 100%;
    color: #b61818;
    float: left
}

.sliderHori ul li div a {
    text-decoration: none
}

.pemenu .pebg {
    padding: 10px 10px 0;
    float: left;
    box-shadow: 0 0 1px #ccc;
    background-color: #fff
}

.pemenu .pebg div {
    padding: 20px;
    float: left
}

.pemenu .pebg h3 {
    margin: 10px 0;
    padding: 0;
    color: #000;
    font-size: 135%;
    font-weight: normal;
    float: left
}

.nonpebg {
    float: left
}

.pemenu .right {
    width: 50%
}

.ExEvartPro {
    padding: 10px 0;
    width: 100%;
    float: left
}

.ExEvartPro .left {
    padding: .4%;
    box-shadow: 1px 1px 1px #ccc;
    background-color: #fff
}

.ExEvartPro .right {
    padding: .4%;
    box-shadow: 1px 1px 1px #ccc;
    background-color: #fff
}

.ExEvartPro .left {
    width: 99%
}

.ExEvartPro .right {
    width: 40%;
    margin-left: 1%
}

.videologo {
    background-position: -41px -84px;
    padding: 15px;
    float: left
}

.artlogo {
    background-position: -864px -2px;
    padding: 15px;
    float: left
}

.artlogonew {
    background-position: -857px -14px;
    padding: 18px;
    float: left
}

.contactlogo {
    background-position: -71px -83px;
    padding: 17px;
    float: left
}

.testlogo {
    background-position: -145px -83px;
    padding: 17px;
    float: left
}

.artRegislogo {
    background-position: -109px -83px;
    padding: 17px;
    float: left
}

.contactrow {
    padding: 10px 0;
    float: left
}

.ExEvartPro .hed {
    width: 100%;
    float: left
}

.ExEvartPro .hed h3 {
    margin: 7px;
    padding: 0;
    width: 80%;
    color: #000;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    float: left
}

.ExEvartPro .hed h3 a {
    color: #000;
    text-decoration: none
}

.ExEvartPro ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style-type: none
}

.ExEvartPro ul li {
    width: 23.7%;
    margin-left: 10px;
    float: left;
    list-style-type: none
}

.ExEvartPro ul li img {
    padding: 4px;
    border: 1px solid #ccc;
    border-image: none;
    width: 97%;
    box-shadow: 1px 1px 1px #f2f2f2
}

.ExEvartPro .right ul li {
    width: 47%
}

.more {
    margin: 5px 0!important;
    border: currentColor!important;
    border-image: none!important;
    width: 100%!important;
    text-align: right!important;
    font-size: 85%!important;
    float: left!important;
    box-shadow: none!important
}

.brd {
    padding: 2px;
    width: 100%;
    float: left
}

.imgtext {
    padding: 2px;
    width: 100%;
    text-align: center;
    font-size: 92%
}

.imgtext a {
    font-size: 92%;
    text-decoration: none
}

.abtartindschoo {
    width: 100%;
    float: left
}

.abtartindschoo .blog {
    width: 100%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.blog ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style-type: none
}

.blog ul li {
    margin: 0 0 0 1.5%;
    width: 23%;
    float: left;
    list-style-type: none
}

.exhi {
    width: 100%;
    float: left
}

.exhi .blog {
    width: 100%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.exhi ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style-type: none
}

.exhi ul li {
    margin: 0 2% 0 1%;
    width: 22%;
    float: left;
    list-style-type: none
}

.exhi1 {
    height: 168px;
    text-align: justify;
    font-size: 85%
}

.exhi1 a {
    color: #808080;
    font-size: 98%;
    text-decoration: none
}

.exhi1 img {
    margin: 2px;
    padding-right: 7px;
    float: left
}

.abtartindschoo .tour {
    width: 19%;
    margin-left: 1.6%;
    float: left
}

.detail {
    padding: 5px 0;
    width: 100%;
    text-align: right;
    font-size: 85%;
    float: left
}

.greyhed {
    padding: 0 1%;
    width: 98%;
    float: left;
    background-color: #cecece
}

.grynum {
    float: right
}

.grynum div {
    font-family: cursive;
    font-size: 130%;
    font-weight: bold;
    margin-left: 12px;
    float: right;
    cursor: pointer
}

.greyhed h3 {
    margin: 5px 0 0;
    width: 80%;
    color: #000;
    font-weight: normal;
    float: left
}

.greyhed h3 a {
    width: 80%;
    color: #000;
    text-decoration: none
}

.abtartindschoo .tour {
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.dn {
    display: none
}

.tour p {
    margin: 10px;
    text-align: justify;
    font-size: 85%;
    float: left
}

.blogcontent h4 {
    margin: 0;
    padding: 5px;
    color: #4b4b4b;
    font-weight: normal;
    float: left
}

.blogcontent p {
    margin: 4px 0 0;
    text-align: justify;
    font-size: 85%;
    float: left
}

.pheight {
    height: 182px;
    text-align: justify;
    font-size: 85%
}

.pheight a {
    color: #808080;
    font-size: 98%;
    text-decoration: none
}

.pheight img {
    margin: 2px;
    padding-right: 7px;
    float: left
}

#listHori3 {
    width: 100%;
    height: 100%;
    float: left;
    background-color: #fff
}

.sliderHori3 ul {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.prevHori3 {
    background-position: -587px -6px;
    margin: 100px 0 0;
    padding: 16px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .8
}

.prevHori3:hover {
    opacity: 1
}

.nextHori3 {
    background-position: -624px -6px;
    margin: 110px 0 0 20px;
    padding: 16px;
    top: 0;
    right: -20px;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    opacity: .8
}

.nextHori3:hover {
    opacity: 1
}

.sliderHori3 {
    left: -5000px;
    width: 100%;
    float: left;
    visibility: hidden;
    position: relative
}

.sliderHori3 ul li {
    margin: 3px;
    padding: 0
}

.sliderHori3 ul li img {
    width: 97%;
    float: left;
    box-shadow: 3px 3px 2px #ccc
}

.sliderHori3 ul li div a {
    text-decoration: none
}

.blogimg {
    width: 40%;
    padding-top: 11px;
    float: left
}

.blogcontent {
    width: 60%;
    float: left
}

.contactrow {
    width: 100%;
    float: left
}

.col {
    margin-left: 1%
}

.col p {
    text-align: justify
}

.colhed h3 {
    margin: 3px 0;
    padding: 7px 0;
    color: #000;
    font-weight: normal
}

.contactrow .col {
    width: 19.1%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.col1 {
    width: 19.1%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.colpheight {
    padding: 7px;
    height: 230px;
    text-align: justify;
    font-size: 85%
}

.paintlogo {
    background-position: -188px -83px;
    padding: 12px;
    margin-right: 10px;
    float: left
}

.faceBooklogo {
    background-position: -290px -83px;
    padding: 4px 21px;
    margin-right: 10px;
    float: left
}

.siteMapLogo {
    background-position: -343px -83px;
    padding: 4px 34px;
    margin-right: 10px;
    float: left
}

artist directory .mainbody {
    width: 100%;
    float: left
}

.content {
    margin: 0 auto;
    width: 97%
}

.filterDiv {
    background-color: #fff;
    float: left;
    width: 18%;
    box-shadow: 0 1px 2px #c1c1c1;
    margin-top: 1.4%
}

.scroll-pane {
    width: 100%;
    height: 1245px;
    overflow: auto
}

.scroll-pane1 {
    width: 100%;
    height: 960px;
    overflow: auto
}

.scroll-pane2 {
    width: 100%;
    height: 910px;
    overflow: auto
}

.scroll-pane3 {
    width: 100%;
    height: 2942px;
    overflow: auto
}

.scroll-pane4 {
    width: 100%;
    height: 550px;
    overflow: auto
}

.scroll-pane5 {
    width: 100%;
    height: 638px;
    overflow: auto
}

.scroll-pane6 {
    width: 100%;
    height: 400px;
    overflow: auto
}

.scroll-pane7 {
    width: 100%;
    height: 1500px;
    overflow: auto
}

.filterDiv ul li:hover {
    background-color: #ffd646
}

.filterDiv ul li a {
    color: #666;
    text-decoration: none
}

.filterDiv H3 {
    background-color: #e67813;
    border-bottom: 2px solid #fff;
    color: #fff;
    float: left;
    font-size: 110%;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 3%;
    width: 97%
}

.filterDiv ul li {
    float: left;
    width: 97%;
    padding: 7px 0 7px 3%;
    border-bottom: dotted 1px #000;
    font-size: 85%
}

.filterDiv .fliHed {
    background-color: #e67813;
    color: #FFF;
    font-size: 100%
}

.listing {
    width: 81%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.listing p {
    width: 100%;
    line-height: 20px;
    padding-left: 2px;
    font-size: 100%;
    font-weight: normal;
    float: left
}

.listing1 {
    width: 100%;
    margin-left: 1%;
    float: left
}

.listing1 p {
    width: 99%;
    text-align: justify;
    line-height: 22px;
    font-size: 100%;
    font-weight: normal;
    float: left
}

.listing ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none
}

.filterDiv ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none
}

.filterDiv ul {
    float: left
}

.listing ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 7px;
    width: 200px;
    height: 280px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #fff
}

.listing ul li img {
    box-shadow: 2px 2px 3px #868686
}

.listing1 ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 10px 0;
    width: 250px;
    height: 280px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #fff
}

.listing1 ul li img {
    box-shadow: 2px 2px 3px #868686
}

.listing1 ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none
}

.filterDiv ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none
}

.listing1 h4 {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #b61818;
    padding-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    float: left
}

.listing1 h5 {
    margin: 0;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    font-size: 100%;
    float: left
}

.listing1 h2 {
    margin: 0;
    width: 100%;
    text-align: left;
    padding-top: 12px;
    font-size: 115%;
    font-weight: normal;
    float: left
}

.listing1 h3 {
    width: 100%;
    text-align: left;
    color: #b61818;
    font-size: 155%;
    font-weight: normal;
    float: left
}

.new {
    width: 100%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.Tournew {
    width: 100%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.new2 {
    width: 100%;
    margin-left: 6px;
    float: left;
    background-color: #fff
}

.new2 h1 {
    padding: 0;
    width: 100%;
    color: #b61818;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.new3 {
    width: 100%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.new3 p {
    width: 98%;
    line-height: 20px;
    font-size: 100%;
    font-weight: normal;
    float: left
}

.new3 h3 {
    padding: 0;
    width: 100%;
    color: #000;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.new3 h1 {
    padding: 0;
    width: 98%;
    color: #b61818;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.new p {
    width: 98%;
    line-height: 20px;
    font-size: 100%;
    font-weight: normal;
    float: left
}

.new ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 7px;
    width: 280px;
    height: 350px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #fff
}

.new ul li img {
    box-shadow: 2px 2px 3px #868686
}

.new1 ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 7px;
    width: 280px;
    height: 320px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #fff
}

.new1 ul li img {
    box-shadow: 2px 2px 3px #868686
}

.newTour ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 0 20px;
    border: 1px solid #dee3e7;
    border-image: none;
    width: 265px;
    height: 300px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #ccc;
    background-color: #fff
}

.newTour ul li img {
    box-shadow: 2px 2px 3px #868686
}

.Tournew ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 0 20px;
    border: 1px solid #dee3e7;
    border-image: none;
    width: 265px;
    height: 300px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #ccc;
    background-color: #fff
}

.Tournew ul li img {
    box-shadow: 2px 2px 3px #868686
}

.Tournew h3 {
    padding: 0;
    width: 100%;
    color: #000;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;

    border-bottom-style: solid;
    float: left
}

.Tournew h4 {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #b61818;
    padding-bottom: 15px;
    font-size: 120%;
    font-weight: bold;
    float: left
}

.Tournew h5 {
    margin: 0;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 100%;
    float: left
}

.Tournew h5 a:hover {
    text-decoration: none
}

.FE-new {
    width: 100%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.FE-new ul li {
    margin: 1%;
    padding: 10px;
    border: 1px solid #dee3e7;
    border-image: none;
    width: 278px;
    height: 325px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #ccc;
    background-color: #fff
}

.FE-new h4 {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #b61818;
    padding-bottom: 15px;
    font-size: 120%;
    font-weight: bold;
    float: left
}

.FE-new h5 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 100%;
    margin: 0;
    padding-top: 10px
}

.FE-new h5 {
    margin: 0;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 100%;
    float: left
}

.new h3 {
    padding: 0;
    width: 100%;
    color: #000;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.ordering ul li {
    margin: 1% 0 0 2%;
    width: 97%;
    padding-bottom: .5%;
    padding-left: 1%;
    font-size: 100%;
    float: left
}

.ordering h1 {
    padding: 0;
    width: 100%;
    color: #b61818;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.hvr-reveal {
    padding: 12px 17px 12px 12px;
    color: #333;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    backface-visibility: hidden;
    background-color: #e1e1e1;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-reveal::before {
    border: 0 solid #e67813;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
    content: "";
    transition-property: border-width;
    transition-duration: .1s;
    transition-timing-function: ease-out;
    -webkit-transition-property: border-width;
    -webkit-transition-duration: .1s;
    -webkit-transition-timing-function: ease-out
}

.hvr-reveal:hover::before {
    border-width: 4px;
    transform: translateY(0px);
    -webkit-transform: translateY(0)
}

.hvr-reveal:focus::before {
    border-width: 4px;
    transform: translateY(0px);
    -webkit-transform: translateY(0)
}

.hvr-reveal:active::before {
    border-width: 4px;
    transform: translateY(0px);
    -webkit-transform: translateY(0)
}

.new h7 {
    width: 100%;
    text-align: center;
    color: #666;
    float: left;
    font-size: 120%;
    margin: 0;
    padding-bottom: 15px
}

.new h4 {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #b61818;
    padding-bottom: 15px;
    font-size: 120%;
    font-weight: bold;
    float: left
}

.new h5 {
    margin: 0;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 100%;
    float: left
}

.new h5 a:hover {
    text-decoration: none
}

.new h2 {
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
    color: #b61818;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 0;
    border-bottom-style: solid;
    float: left
}

.new h1 {
    padding: 0;
    width: 100%;

    color: #b61818;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.newtable {
    width: 100%;
    text-align: center;
    float: left
}

.newtext {
    margin: 0;
    width: 100%;
    text-align: center;
    line-height: 18px;
    padding-top: 12px;
    font-size: 115%;
    float: left
}

.new-tour {
    width: 100%;
    float: left
}

.new-tour ol li {
    background-position: left top;
    list-style: none;
    width: 100%;
    text-align: left;
    color: #666;
    padding-right: 10px;
    padding-left: 25px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    background-image: url("../images/tour-ul.png");
    background-repeat: no-repeat
}

.new-tour p {
    width: 100%;
    padding-left: 20px;
    font-size: 100%;
    font-weight: normal;
    float: left
}

.new-tour {
    padding: 10px 0;
    width: 100%;
    float: left
}

.new-tour .left {
    padding: .4%;
    box-shadow: 1px 1px 1px #ccc;
    background-color: #fff
}

.new-tour .right {
    padding: .4%;
    box-shadow: 1px 1px 1px #ccc;
    background-color: #fff
}

.new-tour .left {
    width: 99%
}

.new-tour .right {
    width: 40%;
    margin-left: 1%
}

.new-tour .hed {
    width: 100%;
    float: left
}

.new-tour .hed h3 {
    margin: 7px;
    padding: 0;
    width: 80%;
    color: #000;
    font-size: 125%;
    font-weight: normal;
    text-decoration: none;
    float: left
}

.new-tour .hed h3 a {
    color: #000;
    text-decoration: none
}

.new-tour ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style-type: none
}

.new-tour ul li {
    width: 23.7%;
    padding-left: 5px;
    margin-left: 10px;
    float: left;
    list-style-type: none
}

.new-tour ul li img {
    padding: 4px;
    border: 1px solid #ccc;
    border-image: none;
    width: 85%;
    height: 220px;
    vertical-align: bottom;
    box-shadow: 1px 1px 1px #f2f2f2
}

.new-tour .right ul li {
    width: 47%
}

.img-right {
    background: #f3f3f3;
    margin: 0 0 5px 10px;
    padding: 5px;
    border: 1px solid #dfdfdf;
    border-image: none;
    float: right
}

.img-left {
    background: #f3f3f3;
    margin: 0 10px 5px 0;
    padding: 5px;
    border: 1px solid #dfdfdf;
    border-image: none;
    float: left
}

.imgContener {
    width: 100%;
    height: 250px;
    text-align: center
}

.imgContener2 {
    width: 100%;
    height: 250px;
    text-align: center
}

.imgContener2 img {
    box-shadow: 0 2px 5px #000
}

.imgContener1 {
    width: 100%;
    height: 240px;
    text-align: center
}

.imgContener1 img {
    box-shadow: 0 2px 5px #000
}

.listing h4 {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #b61818;
    padding-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    float: left
}

.listing h5 {
    margin: 0;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    font-size: 100%;
    float: left
}

.listing h3 {
    width: 100%;
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    font-size: 155%;
    font-weight: normal;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    float: left
}

.artists-wrapper {
    margin: 0 auto;
    width: 99%;
    float: left
}

.artists-wrapper h6 {
    margin: 5px;
    width: 100%;
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    font-size: 155%;
    font-weight: normal;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    float: left
}

.artists-wrapper h1 {
    margin: 5px;
    width: 99%;
    text-align: center;
    color: #000;
    padding-bottom: 5px;
    font-size: 155%;
    font-weight: normal;
    border-bottom-color: #000;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    float: left
}

#artmar {
    margin: 0;
    padding: 0;
    width: 100%
}

.artmar1 {
    padding: 0 10px;
    width: 45%;
    text-align: justify;
    font-size: 85%;
    float: left
}

.artmar1img {
    padding: 0 25px 0 0;
    width: 45%;
    float: left
}

.artmar1txt {
    width: 49%;
    padding-left: 15px;
    float: right
}

.artmar2img {
    width: 45%;
    float: left
}

.artmar2txt {
    width: 49%;
    padding-left: 15px;
    float: right
}

.artmarhead {
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 3px;
    float: left
}

.artmar2 {
    padding: 0 10px;
    width: 45%;
    text-align: justify;
    font-size: 85%;
    margin-left: 15px;
    float: right
}

.img {
    float: left
}

.artmarhea {
    font-size: 100%
}

.par {
    width: 100%;
    height: 10px;
    float: left
}

.testimonials {
    width: 100%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.testimonials ul li {
    margin: 1%;
    padding: 15px;
    border-radius: 30px 0;
    width: 260px;
    height: 400px;
    color: #333;
    line-height: 15px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 4px 4px #c1c1c1
}

.testimonials ul li p {
    text-align: justify
}

.testimonials h5 {
    margin: 0;
    width: 100%;
    text-align: right;
    color: #666;
    padding-top: 12px;
    font-size: 100%;
    float: left
}

.enlarge {
    background: url("../images/enlarge-icon.png") no-repeat left #d3d3d3;
    padding: 12px 5px 5px 40px;
    width: 83%;
    height: 25px;
    color: #000;
    font-size: 120%;
    margin-top: 60px;
    float: left
}

.enlarge1 {
    background: url("../images/enlarge-video.png") no-repeat left #d3d3d3;
    padding: 12px 5px 5px 40px;
    width: 83%;
    height: 25px;
    color: #000;
    font-size: 120%;
    margin-top: 60px;
    float: left
}

.artistPro {
    margin: 5px 2% 2%;
    padding: 1%;
    width: 95%;
    text-align: justify;
    line-height: 20px;
    float: left;
    box-shadow: 1px 1px 5px #ccc;
    background-color: #fff
}

.artistPro2 {
    margin: 5px 2% 2%;
    padding: 1%;
    width: 95%;
    text-align: justify;
    line-height: 20px;
    float: left;
    box-shadow: 1px 1px 5px #ccc;
    background-color: #fff
}

.artistPro2 ul li {
    width: 85%;
    margin-bottom: 10px;
    float: left
}

.artistPro2 p {
    width: 100%;
    line-height: 20px;
    margin-top: 0;
    float: left
}

.artistPro3 {
    margin: 5px 2% 2%;
    padding: 1%;
    width: 95%;
    text-align: justify;
    line-height: 20px;
    float: left;
    box-shadow: 1px 1px 5px #ccc;
    background-color: #fff
}

.artistPro3 ul li {
    width: 90%;
    margin-bottom: 10px;
    float: left
}

.artistPro3 p {
    width: 90%;
    line-height: 20px;
    margin-top: 0;
    float: left
}

.backartistDir {
    width: 99%;
    text-align: right;
    margin-top: 7px;
    margin-bottom: 7px;
    float: left
}

.artistArt {
    width: 100%;
    margin-bottom: 1%;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    float: left
}

.artistArtName {
    width: 30%;
    color: #b61818;
    font-size: 150%;
    font-weight: normal;
    float: left
}

.artistButton {
    width: 70%;
    text-align: right;
    float: right
}

.hvr-bubble-left {
    padding: 10px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    backface-visibility: hidden;
    background-color: #ffd646;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bubble-left::before {
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #ffd646 transparent transparent;
    left: 0;
    top: calc(50% - 10px);
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none;
    transition-property: transform;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .3s
}

.hvr-bubble-left:hover::before {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px)
}

.hvr-bubble-left:focus::before {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px)
}

.hvr-bubble-left:active::before {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px)
}

.hvr-bounce-to-top {
    padding: 10px 30px;
    border-radius: 10px 10px 0 0;
    color: #000;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    transition-property: color;
    transition-duration: .5s;
    backface-visibility: hidden;
    background-color: #e1e1e1;
    -webkit-transition-property: color;
    -webkit-transition-duration: .5s;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bounce-to-top::before {
    background: #ffd646;
    transform-origin: 50% 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
    content: "";
    transform: scaleY(0);
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-out;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .5s;
    -webkit-transform: scaleY(0);
    -webkit-transition-timing-function: ease-out;
    -webkit-transform-origin: 50% 100%
}

.hvr-bounce-to-top:hover {
    border-radius: 10px 10px 0 0;
    color: #000;
    text-decoration: none
}

.hvr-bounce-to-top:focus {
    border-radius: 10px 10px 0 0;
    color: #000;
    text-decoration: none
}

.hvr-bounce-to-top:active {
    border-radius: 10px 10px 0 0;
    color: #000;
    text-decoration: none
}

.hvr-bounce-to-top:hover::before {
    border-radius: 10px 10px 0 0;
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-top:focus::before {
    border-radius: 10px 10px 0 0;
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.hvr-bounce-to-top:active::before {
    border-radius: 10px 10px 0 0;
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.artistHeading {
    width: 79%;
    color: #666;
    font-weight: bold;
    margin-bottom: 7px;
    float: left
}

.artistPro ul li {
    width: 100%;
    margin-bottom: 10px;
    float: left
}

.artistPro p {
    width: 100%;
    margin-top: 0;
    float: left
}

.profileImage1 {
    width: 22.5%;
    text-align: center;
    margin-top: 1%;
    margin-left: 1%;
    float: left
}

.profileImage2 {
    width: 22.5%;
    text-align: center;
    margin-top: 1%;
    margin-left: 3%;
    float: left
}

.profileImage3 {
    width: 22.5%;
    text-align: center;
    margin-top: 1%;
    margin-left: 2%;
    float: left
}

.profileImage4 {
    width: 22.5%;
    text-align: center;
    margin-top: 1%;
    margin-left: 2%;
    float: left
}

.artistimg {
    border: 5px solid #f7f7f7;
    border-image: none;
    box-shadow: 0 0 5px #aaa
}

.artistGallery {
    width: 100%;
    float: left
}

.artistGallery ul li {
    margin: 2%;
    padding: 10px;
    border-radius: 7px;
    width: 230px;
    height: 330px;
    text-align: center;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #f6f6f6
}

.artistimaCon {
    width: 100%;
    height: 235px;
    text-align: center
}

.artistGallery ul li a {
    text-decoration: none
}

.artistGallery2 ul li a:hover {
    text-decoration: none
}

.artistGallery ul li a:hover {
    color: #808080;
    text-decoration: none
}

.artistGallery2 ul li a:hover {
    color: #808080;
    text-decoration: none
}

.artistGallery ul li img {
    border: 2px solid #fff;
    border-image: none;
    box-shadow: 2px 2px 3px #868686
}

.artistText {
    width: 100%;
    height: 56px;
    text-align: center;
    float: left
}

.artistGallery2 {
    width: 100%;
    float: left
}

.artistGallery2 ul li {
    margin: 2%;
    padding: 10px;
    border-radius: 7px;
    width: 230px;
    height: 370px;
    text-align: center;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #f6f6f6
}

.artistText2 {
    width: 100%;
    height: 95px;
    text-align: center;
    float: left
}

.artistGallery2 ul li img {
    border: 2px solid #fff;
    border-image: none;
    box-shadow: 2px 2px 3px #868686
}

.hvr-bubble-top {
    padding: 5px 15px;
    text-align: center;
    margin-top: 10px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    backface-visibility: hidden;
    background-color: #e1e1e1;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bubble-top::before {
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #e1e1e1;
    left: calc(50% - 10px);
    top: 0;
    color: #f00;
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none;
    transition-property: transform;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .3s
}

.hvr-bubble-top:hover::before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.hvr-bubble-top:focus::before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.hvr-bubble-top:active::before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.artistPic {
    background: #f3f3f3;
    margin: 0 0 5px 10px;
    padding: 5px;
    border: 1px solid #dfdfdf;
    border-image: none;
    float: right
}

.khulaAasmaan {
    padding: 1%;
    width: 98%;
    margin-top: 1%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.khulaAasmaan img {
    width: 100%
}

.khulaAasmaan-mob {
    display: none!important
}

.we-accept-mob {
    display: none!important
}

.affordable {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 420px;
    margin-top: 1%;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.prints {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 475px;
    margin-left: 0;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.LMEprints {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 420px;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.WatercolirPain {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 450px;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.homeHeading {
    padding: 3% 3% 2%;
    width: 94%;
    color: #000;
    font-size: 140%;
    font-weight: normal;
    float: left
}

.boderBottom {
    background: url("../images/home-heading-border.jpg") no-repeat 6% 10%;
    padding: 3%;
    width: 94%;
    float: left
}

.hometext2 {
    padding: 3% 3% 2%;
    width: 94%;
    height: 135px;
    text-align: justify;
    line-height: 18px;
    font-size: 85%;
    float: left
}

.hometext3 {
    padding: 3% 3% 2%;
    width: 94%;
    height: 75px;
    text-align: justify;
    line-height: 18px;
    font-size: 85%;
    float: left
}

.viewMore {
    width: 97%;
    text-align: right;
    font-size: 85%;
    margin-right: 3%;
    float: left
}

.hvr-bubble-top2:hover {
    text-decoration: none
}

.hvr-bubble-top2 {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    backface-visibility: hidden;
    background-color: #f0eeee;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-bubble-top2::before {
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #f0eeee;
    left: calc(50% - 10px);
    top: 0;
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none;
    transition-property: transform;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .3s
}

.hvr-bubble-top2:hover::before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.hvr-bubble-top2:focus::before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.hvr-bubble-top2:active::before {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

.abstract {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 475px;
    margin-top: -3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.figurative {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 475px;
    margin-top: 1%;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.charcoal {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 475px;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.charcoal2 {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 475px;
    margin-top: -3%;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.cityscape {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 420px;
    margin-top: 1%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.cityscape2 {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 450px;
    margin-top: -1%;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.mainbanner {
    width: 100%;
    margin-bottom: 1%;
    border-bottom-color: #fff;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    float: left
}

.whatsNew {
    border: 1px solid #ccc;
    border-image: none;
    width: 29.5%;
    height: 337px;
    padding-bottom: 8px;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.AffordableArtImage {
    padding: 1% 3% 2px;
    width: 94%;
    text-align: center;
    float: left
}

.AffordableArtImage a {
    text-decoration: none
}

.AffordableArtImage a:hover {
    text-decoration: none
}

.AffordableArtImage img {
    padding: 3px;
    border: 1px solid #ccc;
    border-image: none
}

.AffordableArtText {
    padding: 0 2% 0;
    width: 96%;
    text-align: justify;
    line-height: 18px;
    font-size: 85%;
    float: left
}

.whatsNewHea {
    padding: 1% 3%;
    width: 95%;
    color: #000;
    font-size: 140%;
    font-weight: normal;
    float: left
}

.boderBottom2 {
    background: url("../images/home-heading-border.jpg") no-repeat 6% 10%;
    padding: 2% 2% 0;
    width: 94%;
    float: left
}

.whatsNewaddit {
    margin: 0 -6% 2%;
    width: 100%;
    line-height: 18px;
    padding-bottom: 7px;
    font-size: 90%;
    border-bottom-color: #eae9e9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.whatsNewImage {
    width: 22%;
    float: left
}

.whatsNewImage img {
    padding: 3px;
    border: 1px solid #ccc;
    border-image: none
}

.whatsNewText {
    margin: 0 0 0 5%;
    width: 73%;
    text-align: justify;
    float: left
}

.viewportfolio {
    width: 100%;
    float: left
}

.viewport {
    border: 1px solid #fefedf;
    border-image: none;
    width: auto!important;
    text-align: right;
    font-size: 90%;
    float: left;
    cursor: pointer
}

.banner {
    width: 34%;
    margin-left: 1%;
    float: left
}

.banner img {
    width: 100%
}

.scroll-pane33 {
    width: 100%;
    height: 303px;
    overflow: auto
}

.divScroll-1 ol li {
    list-style-type: none
}

.wrapperWel {
    width: 100%;
    height: auto
}

.ExhibitionListings {
    margin: 1% 2% 2% 4%;
    width: 96%;
    float: left
}

.ExhibitionListings ul li {
    margin: 1% 3% 1% 0;
    width: 22%;
    float: left;
    list-style-type: none
}

.ExhibitionListings1 {
    border: 1px solid #ccc;
    border-image: none;
    width: 100%;
    height: 428px;
    margin-right: 0;
    float: left;
    background-color: #ededed
}

.ExhibitionListings2 {
    border: 1px solid #ccc;
    border-image: none;
    width: 100%;
    height: 390px;
    margin-right: 0;
    float: left;
    background-color: #ededed
}

.ExhibitionListingsbody1 {
    border: 5px solid #ededed;
    border-image: none;
    height: 415px;
    background-color: #fff
}

.ExhibitionListingsbody2 {
    border: 5px solid #ededed;
    border-image: none;
    height: 383px;
    background-color: #fff
}

.ExhibitionListingImage {
    height: 225px
}

.ExhibitionListingImage img {
    width: 100%
}

.ExhibitionListingtext {
    padding: 0 3% 1.5%;
    text-align: center
}

.ExhibitionListingHea {
    padding: 0 1%;
    color: #000;
    font-size: 115%;
    font-weight: normal
}

.subHeading {
    padding: 0 1% 1%;
    color: #333;
    font-size: 98%;
    font-weight: normal
}

.Adresss {
    padding: 0 1%;
    color: #666;
    font-size: 100%;
    font-weight: normal;
    margin-top: 5px
}

.textBody {
    padding: 0 3% 1.5%;
    height: 160px;
    text-align: center
}

.exhi-img-border {
    border: 2px solid #f1f1f1;
    border-image: none
}

.Details {
    padding: 7px;
    text-align: right;
    font-size: 85%;
    float: right;
    background-color: #f1f1f1
}

.EELInnerBG {
    margin: 20px 0;
    padding: 1%;
    border: 1px solid #e8e8e8;
    border-image: none;
    width: 99%;
    float: left;
    background-color: #fff
}

.EELInnerBG p {
    text-align: justify
}

.EELInnerBG ol li {
    margin-bottom: 5px
}

.EELInnerBG ol li li {
    line-height: 20px;
    margin-left: 1%
}

.EELInnerBG h5 {
    color: #b61818;
    font-size: 120%;
    margin-bottom: 5px
}

.EELInnerHea {
    width: 100%;
    margin-bottom: 1%;
    border-bottom-color: #e1e1e1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left
}

.EELInnerTitle {
    width: 80%;
    color: #b61818;
    font-size: 150%;
    font-weight: normal;
    float: left
}

.EELBack {
    width: 20%;
    text-align: right;
    float: right
}

.ImageRight {
    margin-bottom: 15px;
    margin-left: 20px;
    float: right;
    box-shadow: 0 2px 5px #000
}

.ImageLeft {
    margin-right: 20px;
    margin-bottom: 15px;
    float: left;
    box-shadow: 0 2px 5px #000
}

.paraCen {
    width: 100%;
    text-align: center;
    float: left
}

.VinaySane {
    margin-top: 4%;
    float: left
}

.Box1 {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 405px;
    margin-bottom: 2%;
    margin-left: 0;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.Box2 {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 405px;
    margin-bottom: 2%;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.Box3 {
    border: 1px solid #ccc;
    border-image: none;
    width: 23%;
    height: 405px;
    margin-bottom: 2%;
    margin-left: 2.3%;
    float: left;
    box-shadow: 0 0 3px #ccc;
    background-color: #fff
}

.BoxImage {
    width: 100%;
    height: 225px;
    text-align: center;
    float: left
}

.Boxtext {
    padding: 1% 3%;
    width: 94%;
    height: 85px;
    text-align: justify;
    line-height: 18px;
    font-size: 85%;
    float: left
}

.Themes {
    background: url("../images/Themes.jpg") no-repeat center;
    top: -32px;
    width: 100%;
    float: left;
    position: relative
}

.ContactPage {
    width: 98%;
    text-align: center;
    float: left
}

.GoogleMap {
    width: 100%;
    text-align: center;
    float: left
}

.MediaText {
    width: 100%;
    height: 55px;
    text-align: center;
    margin-bottom: 3px;
    float: left
}

.media {
    width: 100%;
    margin-top: 5px;
    margin-left: 1%;
    float: left
}

.media ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 7px;
    width: 275px;
    height: 350px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 0 2px 2px #c1c1c1;
    background-color: #fff
}

.media ul li img {
    box-shadow: 2px 2px 3px #868686
}

.popMyAccount {
    position: absolute
}

#MyAccount p {
    display: none
}

#MyAccount ul {
    background-color: #fff;
    box-shadow: 0 3px 2px #ccc;
    float: none;
    font-size: 85%;
    height: auto;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 20px;
    transition: max-height .5s ease 0s;
    width: 132px;
    z-index: 1000
}

#MyAccount ul li {
    padding: 5px 10px;
    text-align: center;
    list-style-type: none;
    float: left
}

#MyAccount:hover ul {
    left: 0;
    max-height: 100em
}

#MyAccount:hover p {
    display: block
}

.mhc {
    display: block
}

.progress-bar {
    height: 4px;
    z-index: 20000;
    top: 0;
    left: 0;
    position: fixed;
    background: #ff4500;
    box-shadow: 0 0 10px 0 #ff4500;
    -webkit-box-shadow: 0 0 10px 0 #ff4500;
    -moz-box-shadow: 0 0 10px 0 #ff4500
}

#popupBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 103;
    opacity: .5;
    background-color: #000;
    display: none
}

#popupContainer,
#ZoomContainer {
    position: fixed;
    top: 10%;
    left: 20%;
    z-index: 105;
    background-color: #FFF;
    display: none;
    overflow: hidden
}

.divLoginRegHeader {
    background-color: #fff;
    border-bottom: 6px solid #f2f2f2;
    float: left;
    width: 100%
}

.divLoginRegHeader h2 {
    cursor: pointer;
    float: left;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 30%
}

.PopUpLogin {
    float: left;
    padding: 10px 0 20px;
    width: 285px
}

.PopUpLogin div {
    float: left;
    clear: both;
    padding: 13px 0 0 20px
}

#pDivRegister {
    display: none
}

.divLoginRegHeader {
    border-bottom: 6px solid #f2f2f2;
    background-color: #fff;
    float: left;
    width: 100%
}

.divLoginRegHeader span {
    float: left;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 30%;
    cursor: pointer
}

.or {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    box-shadow: 0 0 8px 1px #ccc inset;
    left: -20px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: 45px
}

.PopSocialLogin {
    border-left: 1px solid #f2f2f2;
    float: left;
    margin: 21px 0;
    padding: 31px 0 38px 35px;
    position: relative
}

.PopSocialLogin div {
    float: left
}

#LoginPopup input[type="text"],
input[type="password"] {
    border: 1px solid #cecece;
    color: #575757;
    float: left;
    padding: 6px;
    width: 220px
}

#btnForgotPass {
    background-color: #ccc
}

.err {
    font-size: 85%;
    color: red;
    float: left;
    display: none;
    font-family: sans-serif
}

.popMyAccount {
    position: absolute
}

#MyAccount p {
    display: none
}

#MyAccount ul {
    background-color: #fff;
    box-shadow: 0 3px 2px #ccc;
    float: none;
    font-size: 85%;
    height: auto;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 20px;
    transition: max-height .5s ease 0s;
    width: 132px;
    z-index: 1000
}

#MyAccount ul li {
    padding: 5px 10px;
    text-align: center;
    list-style-type: none;
    float: left
}

#MyAccount:hover ul {
    left: 0;
    max-height: 100em
}

#MyAccount:hover p {
    display: block
}

.hl {
    padding: 0 4px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #ccc
}

.pslm {
    clear: both;
    border-top: solid 1px #f2f2f2;
    padding-top: 7px;
    margin-top: 7px
}

.closelogindiv {
    cursor: pointer;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 3px
}

.AtTag {
    color: #8c0000;
    margin: 5px auto;
    padding: 3px 5px;
    text-align: center;
    width: 105px;
    background-color: #ccc
}

#LoginPopup,
#FeedBackPopup {
    background-color: #fff;
    border: 1px solid #4c4c4c;
    height: auto;
    position: fixed;
    top: 200px;
    left: 100px;
    width: 565px;
    z-index: 200;
    display: none
}

.mhc {
    display: block
}

.sebox {
    width: 73%;
    float: right
}

.seinp {
    width: 78%!important
}

.adtc {
    background-color: #f4a460
}

#popupContainer {
    width: 800px;
    height: 500px;
    font-size: 85%
}

#CartMainCont {
    float: left;
    width: 100%
}

.Carttablist {
    float: left;
    width: 100%;
    padding: 0
}

.sctab,
.wtbtab {
    background-color: #ccc;
    color: #000;
    float: left;
    font-weight: bold;
    padding: 1%;
    text-align: center;
    width: 15%
}

.wtbtab1 {
    width: 8%
}

.wtbtab5 {
    width: 37%
}

.wtbtab2,
.wtbtab3,
.wtbtab4 {
    cursor: pointer
}

.scont {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c0c0c0
}

.ulProduct {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 420px;
    overflow-y: auto
}

.ulProduct .sd {
    padding: 10px 0;
    text-align: center;
    float: left
}

.cimg {
    width: 20%
}

.cname {
    width: 40%
}

.cPrice {
    width: 20%
}

.cCnt {
    width: 20%
}

.shortlistthis {
    background-position: -642px -101px;
    padding: 10px 0;
    width: 22px;
    margin: 0 auto
}

.shortlistthis:hover {
    background-position: -642px -81px
}

.removethis {
    background-position: -672px -81px;
    padding: 10px 0;
    width: 22px;
    margin: 8px auto;
    cursor: pointer
}

.removeloader {
    background: url("../images/fb-ajax-loader.gif") no-repeat 0 0;
    padding: 10px 0;
    width: 22px;
    margin: 8px auto
}

.removethis:hover {
    background-position: -672px -101px
}

.NextEnqu {
    float: left;
    padding: 7px 8px;
    background-color: silver;
    color: #000;
    cursor: pointer
}

#MakePayment {
    padding: 7px 8px;
    background-color: silver;
    color: #000;
    cursor: pointer
}

.cartTotal {
    border-top: 1px solid #ccc;
    float: left;
    padding-top: 5px;
    width: 100%
}

.cartTotal div {
    float: right;
    font-size: 140%;
    color: #000
}

.slia {
    font-size: 139%;
    margin: auto;
    padding: 100px 10px;
    width: 310px
}

.qtyContainer {
    margin: 0 auto;
    width: 60px
}

.qtyContainer div {
    float: left;
    text-align: center;
    width: 18px
}

.qtybtn {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    cursor: pointer
}

.qtyno {
    border: 1px solid #f2f2f2
}

.crs_moq {
    color: #f00;
    display: none;
    font-size: 80%
}

#enquiryForm {
    width: 100%;
    height: 450px;
    overflow-y: auto;
    margin: 0 auto
}

#enquiryForm div {
    width: 96%;
    float: left;
    padding: 2px 0 0
}

.fsto {
    margin-top: 1%
}

#CartCnt,
#ShntCnt,
#WantCnt {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    cursor: pointer;
    display: block;
    padding: 2px 4px;
    z-index: 5
}

.PhotographPro {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    float: left;
    margin: 20px 0;
    width: 100%
}

	.PhotographPro h2 {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    float: right;
    margin-right: 1%;
    margin-top: 10px;
    padding: 5px;
    width: 11%;
    text-align: center;
    color: #b61818;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-size: 140%;
	}

.PhotographHeading {
    float: left;
    margin: 1% 1% 0 1%;
    width: 98%;
    //border-bottom: 1px dotted #ccc;
    padding-bottom: 7px
}

.Call {
    float: left;
    font-size: 150%;
    font-weight: normal;
    width: 70%
}

.Call1 {
    float: left;
    font-size: 90%;
    font-weight: normal;
    width: 100%;
    margin-top: 1%
}

.profile {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding: 6px;
    text-align: center;
    width: 88px
}

.PhotoBody {
    float: left;
    width: 96%;
    margin: 2%;
    text-align: justify;
    line-height: 18px
}

.PhotoBody li {
    margin-bottom: 7px
}

.PhotoBody p {
    margin-bottom: 20px;
    line-height: 19px
}

.PhotoBody ul li {
    padding: 2px;
    width: 95%;
    margin-left: 2.5%
}

.Imageleft2 {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    float: left;
    padding: 5px;
    margin-right: 28px
}

.ThemesPhoto {
    float: left;
    margin-left: 1%;
    margin-top: 5px;
    width: 98%
}

.ThemesPhoto ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    font-size: 85%;
    height: 295px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 21%
}

.ThemesPhoto ul li img {
    box-shadow: 2px 2px 3px #868686
}

.ThemesPhoto h4 {
    color: #b61818;
    float: left;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
    width: 100%
}

.ThemesPhoto h5 {
    float: left;
    font-size: 100%;
    margin: 0;
    padding-top: 12px;
    text-align: center;
    width: 100%;
    text-decoration: none
}

.Active {
    color: #df5355
}

.PhotoContener {
    height: 260px;
    text-align: center;
    width: 100%
}

.ocuupation {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    float: right;
    margin-right: 1%;
    margin-top: 10px;
    padding: 5px;
    text-align: right;
    width: auto
}

.Exhi {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.Exhi ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.Exhi ul li {
    float: left;
    list-style-type: none;
    margin: .7%;
    width: 287px;
    text-align: left;
    padding-left: 0;
    height: 240px;
    border: 1px #ccc dotted
}

.pd {
    padding: 5px
}

.imgCont1 {
    max-height: 220px;
    position: relative;
    text-align: center;
    width: 100%
}

.imgCont1 img {
    box-shadow: 0 2px 2px #999;
    border: 2px solid #fff
}

.box-contact {
    border: 2px dashed #e67813;
    padding: 1%;
    text-align: center;
    width: 35%;
    line-height: 20px;
    margin: 0 auto;
    margin-bottom: 5%
}

.filterDiv-new {
    background-color: #fff;
    float: left;
    width: 18%;
    box-shadow: 0 1px 2px #c1c1c1;
    margin-top: 1.4%
}

.filterDiv-new ul li:hover {
    background-color: #ffd646
}

.filterDiv-new ul li a {
    color: #666;
    text-decoration: none
}

.filterDiv-new H3 {
    background-color: #e67813;
    border-bottom: 2px solid #fff;
    color: #fff;
    float: left;
    font-size: 110%;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 3%;
    width: 97%
}

.filterDiv-new ul li {
    float: left;
    width: 97%;
    padding: 7px 0 7px 3%;
    border-bottom: dotted 1px #000;
    font-size: 85%
}

.filterDiv-new .fliHed {
    background-color: #e67813;
    color: #FFF;
    font-size: 100%
}

.scroll-pane-new {
    width: 100%;
    height: 285px;
    overflow: auto
}

.divScroll-2 ol li {
    list-style-type: none
}

.listing2 {
    margin-top: 5px;
    float: left;
    margin-left: 2%;
    width: 80%;
    text-align: justify
}

.listing2 p {
    width: 100%;
    float: left;
    font-size: 100%;
    font-weight: normal;
    padding-left: 2px;
    line-height: 20px
}

.listing2 h4 {
    width: 100%;
    text-align: center;
    color: #b61818;
    float: left;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px
}

.listing2 h5 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 100%;
    margin: 0;
    padding-top: 12px
}

.listing2 h3 {
    width: 100%;
    border-bottom: 1px dotted #000;
    color: #000;
    float: left;
    font-size: 155%;
    font-weight: normal;
    text-align: center;
    padding-bottom: 5px
}

.listing2 ul,
.filterDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.listing3 {
    margin-top: 5px;
    float: left;
    margin-left: 4%;
    width: 95%;
    text-align: justify
}

.listing3 p {
    width: 100%;
    float: left;
    font-size: 100%;
    font-weight: normal;
    padding-left: 2px;
    line-height: 20px
}

.listing3 h4 {
    width: 100%;
    text-align: center;
    color: #b61818;
    float: left;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px
}

.listing3 h5 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 100%;
    margin: 0;
    padding-top: 12px
}

.listing3 h3 {
    width: 100%;
    border-bottom: 1px dotted #000;
    color: #000;
    float: left;
    font-size: 155%;
    font-weight: normal;
    text-align: center;
    padding-bottom: 5px
}

.listing3 ul,
.filterDiv ul {
    list-style-type: none;
    margin-left: 18%;
    padding: 0;
    width: 85%
}

.listing3 ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    float: left;
    height: 290px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 230px;
    font-size: 85%
}

.listing3 ul li img {
    box-shadow: 1px 1px 3px #868686;
    border: 1px solid #fff
}

.filterDiv-new ul {
    float: left;
    width: 100%
}

.listing2 ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    float: left;
    height: 290px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 208px;
    font-size: 85%
}

.listing2 ul li img {
    box-shadow: 1px 1px 3px #868686;
    border: 1px solid #fff
}

.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding: 5px;
    background-color: #e7e7e7
}

.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #b61818;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
    color: white;
    text-decoration: none
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.contact-main {
    width: 100%
}

.contact-left {
    width: 50%;
    float: left;
    text-align: center
}

.contact-right {
    width: 50%;
    float: right;
    text-align: center
}

.information {
    font-size: 85%;
    font-weight: normal;
    margin: 0;
    padding: 10px 10px 2px;
    position: relative
}

.khulaAasman {
    font-size: 120%;
    width: 98%;
    padding: 0 0 0 1%;
    color: #a61c00;
    font-weight: bold
}

#Khulamenu {
    width: 100%;
    margin: 0 auto;
    background-color: #f1f1f1;
    padding: 10px 0 10px 0;
    text-align: left
}

#Khulamenu ul {
    list-style-type: none
}

#Khulamenu ul li {
    color: #000;
    display: inline;
    font-size: 130%
}

#Khulamenu ul li a {
    color: #333;
    text-decoration: none;
    padding: 10px;
    margin-right: 40px
}

.active1 {
    background-color: #ffd646;
    padding: 10px
}

#Videomenu {
    width: 100%;
    margin: 0 auto;
    background-color: #DDD;
    padding: 10px 0 10px 0;
    text-align: left;
    font-size: 85%
}

#Videomenu ul {
    list-style-type: none
}

#Videomenu ul li {
    color: #000;
    display: inline;
    font-size: 130%
}

#Videomenu ul li a {
    color: #333;
    text-decoration: none;
    padding: 10px;
    margin-right: 40px
}

.Feturedexhi {
    display: block;
    width: 100%;
    float: left
}

.Feturedexhi ul {
    width: 100%
}

.Feturedexhi ul li {
    margin-bottom: 8px;
    font-size: 120%;
    margin-left: 39px
}

.Feturedexhi p {
    font-size: 120%;
    margin-left: 1%;
    text-align: justify;
    line-height: 20px
}

.Call-For-Entries {
    width: 98%;
    float: left;
    margin: 1% 1% 0 1%
}

.Call {
    width: 70%;
    float: left;
    font-size: 150%;
    font-weight: normal
}

.innerContentBG {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    float: left;
    margin: 20px 0;
    width: 100%
}

.childhead {
    width: 98%;
    text-align: left;
    color: #993400;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-size: 200%;
    font-weight: normal;
    margin-left: 1%;
    margin-top: 2%
}

.childhead h2 {
    width: 98%;
    text-align: left;
    color: #993400;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-size: 85%;
    font-weight: normal;
    margin-left: 1%;
    margin-top: 2%
}

.chilHeading {
    width: 100%;
    text-align: center;
    padding-top: 16.5%;
    color: #993400;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-size: 220%;
    font-weight: normal
}

.videohead {
    width: 90%;
    text-align: left;
    color: #993400;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-size: 200%;
    font-weight: normal;
    margin-left: 5%;
    margin-top: 2%
}

.videohead h1 {
    width: 100%;
    text-align: left;
    color: #993400;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-size: 100%;
    font-weight: normal;
	border-bottom:none;
 
}

.videohead h2 {
    width: 90%;
    text-align: left;
    color: #993400;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
    font-weight: normal;
    margin-left: 1%;
    margin-top: 2%
}

.newexhi {
    margin-top: 5px;
    float: left;
    margin-left: 1%;
    width: 99%
}

.newexhi ul li {
    margin: 2%;
    max-width: 270px
}

.newexhi ul li {
    margin: 1.5%;
    padding: 10px;
    border-radius: 7px;
    width: 256px;
    height: 460px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    background-color: #fff
}

.newsexhi ul li img {
    box-shadow: 2px 2px 3px #868686
}

.newsexhi {
    margin-top: 5px;
    float: left;
    margin-left: 1%;
    width: 99%
}

.newsexhi ul li {
    margin: 2%;
    max-width: 270px
}

.newsexhi ul li {
    margin: 1%;
    padding: 10px;
    border-radius: 7px;
    width: 245px;
    height: 360px;
    font-size: 85%;
    float: left;
    list-style-type: none;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    background-color: #fff
}

.newsexhi ul li img {
    box-shadow: 2px 2px 3px #868686
}

.PhotoGallery ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    float: left;
    height: 315px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 255px;
    font-size: 85%
}

.PhotoGallery {
    margin-top: 5px;
    float: left;
    margin-left: 1%;
    width: 100%
}

.Gallery ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    float: left;
    height: 380px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 273px;
    font-size: 85%
}

.Photoessay ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 1px 1px 2px 1px #c1c1c1;
    float: left;
    height: 400px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 273px;
    font-size: 85%
}

.PhotoGallery {
    margin-top: 5px;
    float: left;
    margin-left: 1%;
    width: 100%
}

.sold {
    color: #900;
    font-weight: bold
}

.instok {
    color: #900;
    margin-bottom: 5px
}

.listing-art {
    margin-top: 5px;
    float: left;
    margin-left: 1%;
    width: 83%
}

.listing-art p {
    width: 100%;
    float: left;
    font-size: 100%;
    font-weight: normal;
    padding-left: 12px;
    line-height: 20px
}

.listing-art ul,
.filterDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.filterDiv ul {
    float: left
}

.listing-art ul li {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    height: 280px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 203px;
    font-size: 85%
}

.listing-art ul li img {
    box-shadow: 2px 2px 3px #868686;
    text-align: center;
    padding: 0
}

.listing-art h4 {
    width: 100%;
    text-align: center;
    color: #b61818;
    float: left;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px
}

.listing-art h5 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 100%;
    margin: 0;
    padding-top: 12px
}

.listing-art h5 a {
    color: #666
}

.listing-art h5 a:hover {
    color: #666
}

.listing-art h3 {
    width: 100%;
    border-bottom: 1px dotted #000;
    color: #000;
    float: left;
    font-size: 155%;
    font-weight: normal;
    text-align: center;
    padding-bottom: 5px
}

#sidebar {
    float: right;
    width: 15%
}

.widget {
    background: #fff;
    margin: 0 0 30px;
    padding: 10px 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.widgettitle {
    margin: 0 0 5px;
    padding: 0
}

.widget ul {
    margin: 0;
    padding: 0
}

.widget li {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    clear: both;
    border-top: solid 1px #eee
}

.widget .flickr_badge_image {
    margin-top: 10px
}

.widget .flickr_badge_image img {
    width: 48px;
    height: 48px;
    margin-right: 12px;
    margin-bottom: 12px;
    float: left
}

.childartlogo {
    float: left;
    margin: 45px 0 0 22px;
    width: 16%
}

.childartlogo img {
    width: 100%
}

.marketlogo {
    float: left;
    margin: 45px 0 0 22px;
    width: 16%
}

.marketlogo img {
    width: 100%
}

.childArtistHed {
    border-bottom: 1px dashed #000;
    margin: 10px 9px 20px 9px;
    padding: 0;
    width: 97%
}

#nav-art {
    background-color: #ffd646;
    float: left;
    box-shadow: 0 0 2px #999;
    font-size: 88%;
    width: 100%;
    margin: 7px 0 7px 0;
    text-align: center
}

#nav-art ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding-left: 3.5%;
    display: inline
}

#nav-art ul li {
    color: #666;
    list-style-type: none;
    width: 100%;
    float: left;
    display: inline;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

#nav-art ul li:hover {
    background-color: #e67813;
    color: #fff
}

#nav-art ul li a {
    color: #666;
    float: left;
    padding: 10px 5px;
    text-decoration: none
}

#nav-art ul li a:hover {
    color: #fff
}

.comments {
    width: 100%;
    margin-top: 5px;
    margin-left: 1.5%;
    float: left
}

.comments ul li {
    margin: 1%;
    padding: 15px;
    border-radius: 30px 0;
    width: 255px;
    height: 260px;
    color: #000;
    line-height: 15px;
    font-size: 100%;
    float: left;
    list-style-type: none;
    box-shadow: 0 4px 4px #c1c1c1;
    border: 2px solid #fff
}

.comments ul li p {
    text-align: justify
}

.comments h5 {
    margin: 0;
    width: 100%;
    text-align: right;
    color: #666;
    padding-top: 12px;
    font-size: 120%;
    float: left;
    font-weight: bold
}

.innerContentBGFE {
    background-color: #f7f7f7;
    border: 1px solid #e8e8e8;
    float: left;
    margin: 20px 0;
    width: 100%
}

.innerContentBG h3 {
    color: #000;
    float: left;
    font-size: 135%;
    font-weight: normal;
    padding: 0;
    width: 100%;
    text-decoration: none;
    border-bottom: 1px #dedddd solid
}

.ImgleftFE {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 20px;
    float: left;
    border: 5px solid #f1f1f1
}

.ImgleftFE1 {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 20px;
    float: left;
    border: 3px solid #f1f1f1
}

.ImgrightFE {
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 5px;
    float: right;
    border: 4.5px solid #f1f1f1
}

.Exhi-new {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.Exhi-new ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.Exhi-new ul li {
    float: left;
    list-style-type: none;
    margin: .7%;
    width: 290px;
    text-align: left;
    padding-left: 0;
    height: 170px;
    border: 1px #ccc dotted
}

.pd-new {
    padding: 5px
}

.imgCont-new {
    max-height: 220px;
    position: relative;
    text-align: center;
    width: 100%
}

.imgCont-new img {
    box-shadow: 0 2px 2px #999;
    border: 2px solid #fff
}

.FExhi {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.FExhi ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.FExhi ul li {
    float: left;
    list-style-type: none;
    margin: .7%;
    width: 237px;
    text-align: left;
    padding-left: 0;
    height: 240px;
    border: 1px #ccc dotted
}

.pd2 {
    padding: 5px
}

.EventOld ul li {
    background-color: #fff;
    float: left;
    height: 165px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 255px;
    font-size: 85%
}

.EventOld {
    margin-top: 5px;
    float: left;
    margin-left: 1%;
    width: 100%
}

.Event {
    float: left;
    margin: 1%;
    padding: 0 1% 0 1%;
    width: 98%;
    font-size: 85%
}

.Event ul li {
    background-color: #fff;
    float: left;
    height: 225px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 273px;
    font-size: 85%
}

.ExhiJanana {
    width: 65%;
    float: left
}

.ExhiJanana1 {
    width: 48%;
    float: left;
    margin-right: 2%
}

.ExhiJanana2 {
    width: 50%;
    float: right
}

.ExiIntroImg1 {
    float: left;
    width: 49%;
    text-align: center;
    margin-right: 1%
}

.ExiIntroImg1 img {
    width: 100%
}

.ExiIntroImg2 img {
    width: 100%
}

.ExiIntroImg2 {
    float: right;
    width: 49%;
    text-align: center;
    margin-left: 1%
}

#FeedBackPopup h2 {
    float: left;
    margin: 0;
    padding: 10px 0;
    background-color: #e67914;
    color: white;
    width: 100%;
    font-size: 130%;
    font-weight: bold
}

#FeedBackPopup div {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

#FeedBackPopup .fbcont {
    width: 90%;
    margin: 0 auto;
    float: none
}

#FeedBackPopup input[type="text"] {
    width: 100%
}

#btnFb {
    background-color: #e67914;
    color: white;
    width: 18px;
    font-weight: bold;
    padding: 5px
}

#btnFb p {
    float: left;
    margin: 0;
    padding: 0;
    width: 10px;
    line-height: 1;
    text-transform: uppercase
}

#fberros {
    color: red;
    display: none
}

.fbcnt {
    padding-bottom: 5px!important
}

.adsence {
    float: left;
    margin-bottom: 1%;
    text-align: center;
    width: 100%
}

.box-instock ul li {
    width: 259px;
    margin: 0 1.5% 2% 1.5%;
    height: 330px;
    list-style-type: none;
    padding: .5%;
    font-size: 85%;
    float: left;
    border-radius: 15px 0 15px 0;
    border: 4px solid #fff;
    overflow: hidden;
    background-color: #f1f1f1;
    box-shadow: 1px 1px 6px 1px #c1c1c1
}

.box-instock h3 {
    width: 100%;
    text-align: center;
    color: #b61818;
    float: left;
    font-size: 125%;
    font-weight: bold;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 0
}

.imgContener-stock {
    width: 100%;
    height: 290px;
    text-align: center
}

.imgContener-stock img {
    box-shadow: 0 2px 5px #000
}

.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding: 8px;
    background-color: #e7e7e7;
    text-decoration: none;
    font-size: 120%;
    color: #333
}

.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #b61818;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    text-decoration: none
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
    color: white;
    text-decoration: none
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    text-decoration: none
}

#form1 {
    float: left
}

.teacher {
    float: left;
    margin-top: 5px;
    width: 100%
}

.teacher1 {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0 0 1% 16px;
    width: 17%
}

.teacher2 {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0 0 1% 3%;
    width: 17%
}

.teacher3 {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0 0 1% 3%;
    width: 17%
}

.teacher4 {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0 0 1% 3%;
    width: 17%
}

.teacher5 {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0 0 1% 3%;
    width: 17%
}

.childBanner {
    width: 100%;
    text-align: center;
    margin-bottom: 1%;
    margin-top: 2%
}

.teacher1 ul li {
    float: left;
    line-height: 26px;
    width: 100%;
    margin-left: 10%
}

.teacher2 ul li {
    float: left;
    line-height: 26px;
    width: 100%;
    margin-left: 10%
}

.teacher3 ul li {
    float: left;
    line-height: 26px;
    width: 100%;
    margin-left: 10%
}

.teacher4 ul li {
    float: left;
    line-height: 26px;
    width: 100%;
    margin-left: 10%
}

.teacher5 ul li {
    float: left;
    line-height: 26px;
    width: 100%;
    margin-left: 10%
}

.thumb-image {
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    border: 5px solid #f2f2f2;
    width: 35%
}

.box-dir1 ul li {
    list-style: none
}

.box-dir1 ul li {
    float: left;
    line-height: 20px;
    width: 12.5%;
    height: 130px;
    margin-top: .5%
}

.box-dir {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7;
    float: left;
    font-size: 100%;
    list-style-type: none;
    margin: 0 0 1% 7px;
    width: 100%
}

.heading {
    padding: 0;
    width: 98%;
    color: #000;
    font-size: 135%;
    font-weight: normal;
    text-decoration: none;
    border-bottom-color: #dedddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
    margin: 1%
}

.mainbodyBlog {
    width: 100%;
    float: left
}

.BlogBox {
    width: 100%;
    float: left
}

.BlogBox ul li {
    width: 213px;
    margin: 0 0 2% 1.5%;
    height: 350px;
    list-style-type: none;
    padding: .5%;
    font-size: 85%;
    float: left;
    border-radius: 15px 0 15px 0;
    border: 4px solid #fff;
    overflow: hidden;
    background-color: #f1f1f1;
    box-shadow: 1px 1px 6px 1px #c1c1c1
}

.BlogBigImage {
    width: 100%;
    float: left;
    margin-bottom: 1%;
    text-align: center
}

.BlogText {
    width: 40%;
    float: left;
    margin: 0 30% 2% 30%;
    text-align: center;
    font-size: 122%;
    line-height: 20px
}

.BlogList {
    float: left;
    width: 100%;
    margin-bottom: 2%
}

.BlogList1 {
    float: left;
    margin-right: 2%;
    margin-left: 2%;
    padding: 1%;
    width: 28%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7
}

.BlogList1 ul li {
    float: left;
    line-height: 18px;
    width: 98%;
    margin-left: 2%;
    margin-bottom: 12px
}

.BlogList2 {
    float: left;
    padding: 1%;
    width: 28%;
    margin-right: 2%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7
}

.BlogList2 ul li {
    float: left;
    line-height: 18px;
    width: 98%;
    margin-left: 2%;
    margin-bottom: 12px
}

.BlogList3 {
    float: left;
    padding: 1%;
    width: 28%;
    margin-right: 2%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 2px #a7a7a7
}

.BlogList3 ul li {
    float: left;
    line-height: 18px;
    width: 98%;
    margin-left: 2%;
    margin-bottom: 12px
}

.OtherBlog {
    float: left;
    width: 50%;
    font-size: 85%;
    border: solid 1px #f2f2f2;
    padding-bottom: 10px;
    margin: 0 25% 1% 25%
}

.OtherBlog h3 {
    width: 98%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #f2f2f2;
    padding: 1%;
    margin-bottom: 1%
}

.OtherBlog ul li {
    border: 1px solid #e4e4e4;
    float: left;
    list-style-type: none;
    margin-left: 2%;
    padding: 1%;
    width: 20%
}

.OtherBlogimgContener {
    height: 160px;
    text-align: center;
    width: 100%;
    min-height: 155px!important
}

.OtherblogText {
    width: 100%;
    text-align: center;
    font-size: 165%;
    height: 40px
}

.BlogimgContener {
    width: 100%;
    height: 225px;
    text-align: center
}

.BlogBack {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    padding: 6px;
    text-align: center;
    width: 88px;
    margin: 2%
}

.Feturedexhi2 {
    height: auto;
    width: 100%;
    float: left
}

.Feturedexhi2 p {
    font-size: 120%;
    margin-left: 1%;
    line-height: 20px
}

.Feturedexhi2 p a {
    color: #bb2225
}

.Textjustify {
    text-align: justify
}

@media only screen and (max-width:1024px) {
    .videohead {
        text-align: center
    }
	.videohead h1 {
		font-size: 80%;
	}
    .Box1 {
        width: 98%;
        margin-bottom: 5%
    }
    .Box2 {
        width: 98%;
        margin-bottom: 5%;
        margin-left: 0
    }
    .Box3 {
        width: 98%;
        margin-bottom: 5%;
        margin-left: 0
    }
    .hdrrowSearch {
        display: none
    }
    .Gallery ul li {
        width: 260px;
        margin: 2%
    }
    .artists-wrapper {
        margin-top: 20px
    }
    .footer {
        height: auto;
        min-width: 100%;
        background-repeat: repeat
    }
    .footer ul {
        min-width: 100%;
        background-color: #000
    }
    .col1 {
        min-width: 98%
    }
    .col {
        display: none
    }
    .colpheight {
        max-height: 115px
    }
    .createdby {
        background-color: #000
    }
    .BoxImage img {
        max-width: 100%
    }
    .ExhibitionListingsbody1 {
        min-height: 440px
    }
    .ExhibitionListings1 {
        min-height: 435px
    }
    .ExhibitionListingImage {
        min-height: 225px
    }
    .ExhibitionListings ul li {
        margin: 1% 3% 8% 0
    }
    .textBody {
        min-height: 180px
    }
    .ExhibitionListings ul li {
        width: 100%
    }
    .newTour ul li {
        padding: 10px;
        max-width: 220px
    }
    .Tournew ul li {
        padding: 10px;
        max-width: 220px
    }
    .new2 {
        max-width: 98%
    }
    .testimonials ul li {
        max-width: 250px
    }
    .testimonials {
        margin-left: 4%
    }
    .new1 ul li {
        margin: 2%;
        max-width: 270px
    }
    .GoogleMap img {
        width: 100%
    }
    .ContactPage {
        width: 98%;
        text-align: center;
        float: left
    }
    .GoogleMap {
        width: 100%;
        text-align: center;
        float: left
    }
    .PhotoBody ul li {
        min-width: 90%;
        margin-left: 5%
    }
    .Call {
        width: 65%
    }
    .ocuupation {
        width: 92%;
        margin-right: 2%;
        text-align: center
    }
    .ThemesPhoto ul li {
        width: 85%;
        margin-bottom: 3%
    }
    .Imageleft {
        text-align: center;
        margin: 0 12% 2% 10%
    }
    .box-contact {
        padding: 1%;
        text-align: center;
        width: 96%
    }
    .new ul li {
        padding: 12px;
        max-width: 275px
    }
    .filterDiv-new {
        width: 25%;
        margin-left: 0
    }
    .filterDiv-new ul li {
        height: 50px
    }
    .listing2 {
        margin-left: 5%;
        width: 67.5%
    }
    .listing2 ul li {
        width: 190px;
        height: 310px
    }
    .scroll-pane-new {
        min-height: 50px
    }
    .filterDiv-new H3 {
        font-size: 74%
    }
    .khulaAasmaan {
        display: none
    }
    .khulaAasmaan-mob {
        padding: 1%!important;
        width: 98%!important;
        margin-top: 1%!important;
        float: left!important;
        box-shadow: 0 0 3px #ccc!important;
        background-color: #ffffff!important;
        display: block!important
    }
    .khulaAasmaan-mob img {
        width: 100%
    }
    .we-accept-mob {
        padding: 1%!important;
        width: 96%!important;
        margin-top: 1%!important;
        float: left!important;
        box-shadow: 0 0 3px #ccc!important;
        background-color: #ffffff!important;
        display: block!important;
        margin-bottom: 2%!important;
        margin-left: 1%!important
    }
    .we-accept-mob img {
        width: 100%
    }
    .listing3 ul {
        list-style-type: none;
        margin-left: 12%;
        margin-bottom: 10px
    }
    .listing3 ul li {
        margin: 3%
    }
    .contact-left {
        width: 100%
    }
    .contact-left img {
        width: 100%
    }
    .contact-right {
        width: 100%;
        margin-top: 10%
    }
    .contact-right img {
        width: 100%
    }
    .Call {
        width: 100%
    }
    #Khulamenu {
        padding: 1px 0
    }
    #Khulamenu ul {
        float: left;
        width: 100%;
        margin: 15px 0 15px 0;
        padding: 0
    }
    #Khulamenu ul li {
        border-bottom: 1px solid #fff;
        color: #000;
        display: inline;
        float: left;
        font-size: 130%;
        margin: 0;
        width: 100%
    }
    #Khulamenu ul li a {
        float: left;
        padding: 3%;
        width: 90%;
        background-color: #ffd646
    }
    #Videomenu {
        padding: 1px 0
    }
    #Videomenu ul {
        float: left;
        width: 100%;
        margin: 15px 0 15px 0;
        padding: 0;
        background-color: #DDD
    }
    #Videomenu ul li {
        background-color: #f2f2f2;
        border-bottom: 1px solid #fff;
        color: #000;
        display: inline;
        float: left;
        font-size: 120%;
        margin: 0;
        padding: 0 0 0 5%;
        width: 95%
    }
    #Videomenu ul li a {
        float: left;
        padding: 3%;
        width: 90%
    }
    .khulaAasman,
    .callForEnty,
    .information {
        float: left
    }
    .Call-For-Entries {
        float: left;
        margin: 2% 0 0 3%;
        width: 97%
    }
    .chilHeading {
        padding: 3% 0;
        float: left
    }
    .ImageRight {
        float: left;
        padding: 5px;
        margin-left: 20%;
        margin-right: 20%
    }
    .Feturedexhi {
        height: auto;
        width: 100%;
        float: left
    }
    .Feturedexhi ul {
        width: 90%
    }
    .newsexhi ul li {
        margin: 2%;
        width: 255px
    }
    .profile {
        width: 100px
    }
    .ordering ul li {
        margin: 2% 0 0 8%;
        width: 90%
    }
    .ImgleftFE {
        margin-right: 20px;
        margin-bottom: 15px;
        float: left;
        box-shadow: 0 2px 5px #000
    }
    .ImgrightFE {
        margin-bottom: 15px;
        float: left;
        border: 4px solid #fff;
        margin-left: 0;
        margin-right: 0
    }
    .ExhiJanana {
        min-width: 96%;
        float: left
    }
    .ExhiJanana1 {
        width: 96%;
        float: left;
        margin-right: 2%;
        margin-left: 2%
    }
    .ExhiJanana2 {
        minwidth: 96%;
        float: left;
        margin-right: 2%;
        margin-left: 2%
    }
    .ExiIntroImg1 {
        min-width: 100%;
        margin-bottom: 5%
    }
    .ExiIntroImg2 {
        min-width: 100%;
        margin-bottom: 5%
    }
    .ExiIntroImg1 img {
        width: 100%;
        margin-bottom: 5%
    }

    .ExiIntroImg2 img {
        width: 100%;
        margin-bottom: 5%
    }
    .banner {
        width: 100%;
        margin-left: 0;
        float: left
    }
    .banner img {
        width: 100%;
        height: auto
    }
	
	.PhotographPro h2 {
    float: right;
    min-width: 94%;
	}
	
	.artists-wrapper h1 { 
	width: 95%;
}
}

@media only screen and (max-width:1300px) {
    body {
        font-size: 12px
    }
    .indiartlogo {
        margin: 25px 0 0 30px;
        width: 22%;
        float: left
    }
    .hdrrighpnl {
        width: 71%;
        float: right
    }
    .marketlogo {
        margin: 90px 0 0 -180px
    }
    .pheight {
        height: 233px
    }
    .colpheight {
        height: 300px
    }
    .aep-text1 {
        height: 100px
    }
    .aep-text {
        height: 200px
    }
    .sliderHori1 {
        margin: 0 6.9%
    }
    .sliderHori2 {
        margin: 0 6.9%
    }
    .exhi1 {
        height: 215px
    }
    .exhi1 img {
        width: 50%
    }
    .artmar1 {
        width: 41%
    }
    .artmar2txt {
        width: 47%
    }
    .artmar1txt {
        width: 47%
    }
    .iddiv p {
        height: 180px
    }
    #nav ul {
        padding-left: 1.5%
    }
    .testimonials ul li {
        width: 250px;
        height: 400px
    }
    .new-tour ul li {
        padding-left: 2px
    }
    .new-tour ul li img {
        height: 160px
    }
    .homeImage img {
        width: 90%
    }
    .affordable {
        height: 350px
    }
    .hometext {
        height: 60px
    }
    .prints {
        height: 405px
    }
    .LMEprints {
        height: 350px
    }
    .WatercolirPain {
        height: 393px
    }
    .abstract {
        height: 400px;
        margin-top: -8%
    }
    .figurative {
        height: 400px
    }
    .hide {
        display: none
    }
    .charcoal {
        height: 413px;
        margin-top: 0
    }
    .cityscape {
        height: 343px
    }
    .scroll-pane33 {
        height: 225px
    }
    .hometext2 {
        height: 108px
    }
    .nextHori {
        margin: 28% 0 0
    }
    .AffordableArtImage {
        padding: 1% 2%;
        width: 95%
    }
    .AffordableArtImage img {
        padding: 2px;
        border: 1px solid #ccc;
        border-image: none
    }
    .oneImage {
        display: none
    }
    .AffordableArtText {
        line-height: 12px
    }
    .whatsNew {
        height: 327px;
        padding-bottom: 5px
    }
    .ExhibitionListingImage {
        height: 145px
    }
    .ExhibitionListingsbody1 {
        height: 325px
    }
    .ExhibitionListings1 {
        height: 335px
    }
    .ExhibitionListingsbody2 {
        height: 315px
    }
    .ExhibitionListings2 {
        height: 326px
    }
    .charcoal2 {
        height: 385px
    }
    .cityscape2 {
        height: 367px;
        margin-top: -1%
    }
    .BoxImage img {
        max-width: 96%
    }
    .Call {
        width: 90%
    }
    .PhotoBody {
        margin: 3%;
        width: 95%
    }
    .ThemesPhoto ul li {
        min-width: 27%;
        margin-right: 2%
    }
    .Exhi ul li {
        width: 216px
    }
    .box-contact {
        padding: 1%;
        width: 96%;
        width: 35%
    }
    .listing3 ul {
        margin-left: 9%
    }
    .newexhi ul li {
        margin: 2%;
        width: 258px
    }
    .new1 ul li {
        width: 205px
    }
    .new ul li {
        width: 250px;
        margin: 2%
    }
    #sidebar {
        width: 19%
    }
    #nav-art ul {
        padding-left: 1.5%
    }
    .childartlogo {
        margin: 100px 0 0 -180px
    }
    .comments ul li {
        width: 258px
    }
    .Exhi-new ul li {
        width: 215px
    }
    #Khulamenu ul li a {
        margin-right: 9px
    }
    #Videomenu ul li a {
        margin-right: 9px
    }
    .FExhi ul li {
        width: 177px
    }
    .ExhiJanana {
        max-width: 54%;
        float: left
    }
    .ExhiJanana1 {
        width: 100%;
        float: left;
        margin-right: 2%
    }
    .ExhiJanana2 {
        width: 100%;
        float: left;
        margin-right: 2%
    }
    .ExiIntroImg1 {
        max-width: 48%;
        margin-bottom: 5%
    }
    .ExiIntroImg2 {
        max-width: 48%;
        margin-bottom: 5%
    }
    .ExiIntroImg1 img {
        width: 100%;
        margin-bottom: 5%
    }
    .ExiIntroImg2 img {
        width: 100%
    }
    .box-instock ul li {
        margin: 0 1.5% 2% 1.5%;
        width: 273px
    }
    .banner img {
        width: 100%;
        height: auto
    }
    .box-dir1 ul li {
        float: left;
        line-height: 20px;
        width: 20%;
        height: 128px
    }
    .box-dir {
        width: 100%;
        margin: 0 0 1% 3px
    }
    .OtherBlogimgContener img {
        width: 100%
    }
	
	.PhotographPro h2 {
    width: 15%;
	} 
}

@media only screen and (min-width:1500px) {
    .sliderHori1 {
        margin: 0 6.9%
    }
    .sliderHori2 {
        margin: 0 6.9%
    }
    .artmar2 {
        height: 178px
    }
    .artmar1 {
        height: 178px
    }
    #artmar {
        height: 340px
    }
    .iddiv p {
        height: 115px
    }
    .exhi1 {
        height: 155px
    }
    #nav ul {
        padding-left: 4%
    }
    .testimonials ul li {
        width: 300px;
        height: 355px
    }
    .new ul li {
        padding: 12px;
        width: 300px
    }
    .new-tour ul li {
        padding-left: 8px
    }
    .artistGallery ul li {
        margin: 1%
    }
    .artistGallery2 ul li {
        margin: 1%
    }
    .scroll-pane33 {
        height: 355px
    }
    .charcoal {
        height: 485px
    }
    .hometext3 {
        height: 68px
    }
    .nextHori {
        margin: 22% 0 0
    }
    .AffordableArtText {
        padding: 0 3%;
        width: 94%;
        height: 90px;
        line-height: 18px
    }
    .whatsNew {
        height: 390px;
        padding-bottom: 8px
    }
    .whatsNewHea {
        padding: 2% 3%;
        width: 94%
    }
    .AffordableArtImage {
        padding: 1% 3%;
        width: 95%
    }
    .ExhibitionListingImage {
        height: 225px
    }
    .ExhibitionListingsbody1 {
        height: 420px
    }
    .ExhibitionListings1 {
        height: 430px
    }
    .ExhibitionListingsbody2 {
        height: 400px
    }
    .ExhibitionListings2 {
        height: 410px
    }
    .textBody {
        height: 160px
    }
    .Adresss {
        padding: 0 0 1.5%
    }
    .ExhibitionListingHea {
        padding: 5px 0 0 0
    }
    .subHeading {
        padding: 0 0 1%
    }
    .prints {
        height: 477px
    }
    .charcoal2 {
        margin-top: -2.5%
    }
    .Box1 {
        height: 415px
    }
    .Box2 {
        height: 415px
    }
    .Box3 {
        height: 415px
    }
    .Photographlist {
        width: 32%
    }
    .PhotographBox {
        width: 65%;
        text-align: justify
    }
    .PhotographBox ul li {
        width: 175px
    }
    .Call {
        width: 65%
    }
    .PhotoBody {
        margin: 2%;
        width: 96%
    }
    .Exhi ul li {
        width: 340px
    }
    .listing2 ul li {
        width: 240px
    }
    .Gallery ul li {
        width: 250px
    }
    .newexhi ul li {
        margin: 1.5%;
        width: 230px
    }
    #nav-art ul {
        padding-left: 4%
    }
    .comments ul li {
        width: 300px;
        margin: 1%
    }
    .Exhi-new ul li {
        min-width: 340px
    }
    #Khulamenu ul li a {
        margin-right: 50px
    }
    #Videomenu ul li a {
        margin-right: 50px
    }
    .FExhi ul li {
        width: 277px
    }
    .Tournew ul li {
        width: 315px
    }
    .Photoessay ul li {
        height: 415px;
        width: 250px
    }
    .FE-new ul li {
        width: 325px
    }
    .ExhiJanana {
        width: 70%;
        float: left
    }
    .ExiIntroImg1 {
        float: left;
        width: 49%;
        text-align: center;
        margin-right: 1%
    }
    .ExiIntroImg2 {
        float: right;
        width: 49%;
        text-align: center;
        margin-left: 1%
    }
    .box-instock ul li {
        width: 245px;
        margin: 0 1% 2% 1%
    }
    .new ul li {
        width: 320px
    }
    .new1 ul li {
        width: 320px
    }
    .media ul li {
        width: 320px
    }
    .BlogBox ul li {
        width: 250px;
        height: 330px
    }
}

@media only screen and (max-width:800px) {
    .or {
        display: none
    }
    #MainDiv {
        width: 100%!important
    }
    #MainDiv .fullrow {
        width: 87%
    }
    .imgcont,
    .artWorkCon {
        width: 100%
    }
    .imgcont img {
        width: 100%
    }
    .OtherArtWork ul li {
        width: 95%
    }
    .filterDiv {
        height: 27px;
        overflow: hidden;
        width: 85%;
        z-index: 1
    }
    .FilterExpand {
        height: auto!important;
        width: 85%!important;
        box-shadow: 2px 2px 4px #000;
        position: absolute
    }
    .listing {
        margin-left: 11%
    }
    .sebox {
        width: auto!important
    }
    .seinp {
        width: 50%!important
    }
    #MainDiv {
        width: 310px
    }
    #LoginPopup {
        width: 300px;
        height: 380px;
        overflow-y: auto
    }
    .fsto {
        margin-top: 2%
    }
    #enquiryForm {
        height: 350px
    }
    .shortlistthis {
        float: left;
        margin: 0
    }
    .removethis {
        float: left;
        margin: 0
    }
    .ulProduct {
        height: 310px
    }
    #popupContainer,
    #FeedBackPopup {
        width: 310px;
        height: 400px;
        overflow-y: auto;
        font-size: 85%
    }
    #FeedBackPopup {
        height: auto
    }
    .sctab,
    .wtbtab {
        width: 30%;
        padding: 10px 0
    }
    .wtbtab1 {
        width: 0
    }
    .wtbtab5 {
        width: 10%
    }
    .cimg {
        width: 52%
    }
    html,
    body,
    div,
    section,
    article,
    aside,
    header,
    hgroup,
    footer,
    nav,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    address,
    time,
    span,
    em,
    strong,
    img,
    ol,
    ul,
    li,
    figure,
    canvas,
    video,
    th,
    td,
    tr {
        -webkit-text-size-adjust: none
    }
    header {
        height: 70px
    }
    header h1 {
        font-size: 2em;
        padding-left: 55px;
        line-height: 70px;
        width: 190px;
        margin: 0 auto
    }
    header h2 {
        display: none
    }
    #mainNav {
        float: left;
        margin: 0 0 1em;
        position: absolute;
        top: 40px;
        width: 90%;
        z-index: 10
    }
    #mainNav li {
        margin: 0;
        float: none;
        position: relative;
        width: 100%;
        background-color: #f2f2f2
    }
    .topMenu {
        max-height: 0;
        visibility: hidden
    }
    .topMenu.expand {
        max-height: 900em;
        visibility: visible
    }
    #mainNav a,
    #mainNav h3 {
        text-align: left;
        color: #000;
        display: block;
        margin-bottom: 1px;
        background-color: #ffd646;
        padding: 4px 0 4px 14px;
        line-height: 2em;
        cursor: pointer
    }
    #mainNav span.indicator {
        position: absolute;
        right: 1em
    }
    #mainNav ul.submenu {
        float: none;
        width: 100%!important;
        height: auto;
        max-height: 0;
        -moz-transition: max-height .5s ease;
        -webkit-transition: max-height .5s ease;
        -o-transition: max-height .5s ease;
        transition: max-height .5s ease;
        overflow: hidden;
        left: -130px
    }
    #mainNav ul.submenu.expand {
        max-height: 200em
    }
    #mainNav ul.submenu li a {
        padding: .2em 1em;
        white-space: nowrap;
        color: #000;
        text-align: left;
        font-size: 1em;
        padding-left: 3em;
        background-color: #f2f2f2
    }
    #mainNav .menuToggle {
        display: block;
        background: #4c4341;
        width: 8em;
        margin-bottom: .2em;
        position: relative
    }
    .menuToggle a {
        text-align: center;
        padding: 0
    }
    #mainNav ul.submenu2 {
        width: auto!important
    }
    #mainNav ul.submenu2 li a {
        border-bottom: 1px dotted #ccc;
        white-space: nowrap;
        text-align: left
    }
    #mainNav ul.submenu2 li:first-child {
        background-color: #f2f2f2;
        font-size: 100%;
        font-weight: bold;
        padding: 3% 0 3% 7%;
        text-align: left;
        white-space: nowrap;
        width: 93%;
        color: #000
    }
    #mainNav ul.submenu2 li:last-child a {
        border-bottom: 0;
        padding-bottom: 20px
    }
    .footer {
        background-repeat: repeat;
        height: auto;
        min-width: 100%
    }
    .footer ul {
        min-width: 97%;
        height: auto
    }
    .footer ul li {
        margin-top: 1%
    }
    .mhc {
        display: none
    }
    .hdrrighpnl {
        width: 67%
    }
    .homelink {
        margin-left: 0
    }
    .indiartlogo {
        margin: 1.5px 0 0 5px;
        width: 30%
    }
    .searchContainer {
        padding: 40px 0 0
    }
    .searchContainer h3 {
        width: 12%
    }
    .txtSerCon {
        width: 45%
    }
    .fuulw {
        width: 100%!important
    }
    .box-contact {
        padding: 1%;
        width: 95%;
        margin-bottom: 5%
    }
    .childartlogo {
        margin: 37.5px 0 0 -95px;
        width: 30%
    }
    .marketlogo {
        width: 30%
    }
    #nav-art ul {
        min-width: 97%
    }
    .listing-art {
        width: 60%
    }
    #sidebar {
        width: 25%
    }
    .comments ul li {
        width: 235px;
        margin: 2%
    }
    .ImgleftFE {
        width: 94%
    }
    .Exhi-new ul li {
        width: 260px
    }
    .marketlogo {
        margin: 4px 0 0 22px
    }
    .Tournew ul li {
        max-width: 260px
    }
    .Photoessay ul li {
        width: 250px;
        margin: 3%
    }
    .box-instock ul li {
        margin: 0 1% 10% 7%;
        width: 270px
    }
    .teacher1 {
        width: 88%
    }
    .teacher2 {
        width: 88%;
        margin: 3% 0 0 5%
    }
    .teacher3 {
        width: 88%;
        margin: 3% 0 0 5%
    }
    .teacher4 {
        width: 88%;
        margin: 3% 0 0 5%
    }
    .teacher5 {
        width: 88%;
        margin: 3% 0 0 5%
    }
    .box-dir1 ul li {
        float: left;
        line-height: 20px;
        width: 100%;
        height: auto;
        margin-left: 5%
    }
    .mainbodyBlog {
        width: 70%;
        float: left
    }
    .BlogBigImage img {
        width: 100%
    }
    .BlogText {
        width: 100%;
        padding-bottom: 2%;
        margin: 0
    }
    .BlogList1 {
        width: 94%;
        margin-bottom: 0;
        border: 0;
        box-shadow: none
    }
    .BlogList1 ul li {
        width: 94%;
        margin-left: 5%
    }
    .BlogList2 {
        width: 94%;
        margin-left: 2%;
        margin-bottom: 0;
        border: 0;
        box-shadow: none
    }
    .BlogList2 ul li {
        width: 94%;
        margin-left: 5%
    }
    .BlogList3 {
        width: 94%;
        margin-left: 2%;
        margin-bottom: 2%;
        border: 0;
        box-shadow: none
    }
    .BlogList3 ul li {
        width: 94%;
        margin-left: 5%
    }
    .BlogBox ul li {
        width: 269px;
        margin: 0 0 10% 1.5%
    }
    .OtherBlog {
        width: 100%;
        margin: 0;
        border: 0;
        text-align: center
    }
    .OtherBlog ul li {
        border: 1px solid #e4e4e4;
        margin-left: 0;
        padding: 1%;
        width: 98%;
        margin-bottom: 5%;
        height: auto
    }
    .OtherBlogimgContener img {
        width: auto
    }
    .OtherBlogimgContener {
        height: 175px
    }
    .OtherblogText {
        margin-bottom: 1%
    }
	
	.indiartlogo img {
    width: 100%
}
}

@media only screen and (max-width:481px) {
    #LoginPopup input[type="text"],
    input[type="password"] {
        margin: 20px 0
    }
}