.newBG {
    width: 98%;
    padding: 1% 1% 0 1%;
    float: left;
    background-color: #fff;
    color: #333;
    text-align: justify;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 2%;
}

.banner2 {
    width: 35%;
    float: left;
}

    .banner2 img {
        width: 100%;
        height: auto;
    }

.WelcomeText {
    padding: .5% 0 .5% 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    margin-top: 1.5%;
}

.Heading {
    width: 98%;
    font-size: 135%;
    font-weight: normal;
    color: #333;
    text-align: left;
    margin-bottom: .5%;
}

.Heading2 {
    width: 98%;
    font-size: 135%;
    font-weight: normal;
    color: #333;
    text-align: center;
    margin-bottom: .5%;
    margin-top: 2%;
}

.RemberingJon {
    width: 34%;
    float: left;
    background-color: #f1f1f1;
    margin-right: 3%;
}

.JonImage {
    width: 100%;
}

    .JonImage img {
        width: 100%;
    }

.JonText {
    width: auto;
    padding: 1% 1% 0 1%;
    line-height: 24px;
    font-size: 128%;
    font-weight: normal;
    color: #000;
}

.JonRight {
    width: 98%;
    padding: 1%;
    margin-bottom: 0;
}

.KhulaSubHed {
    width: 99%;
    font-size: 110%;
    color: #333;
    margin-bottom: 1%;
    margin-left: 1%;
}

.KhulaSmallHed {
    width: 100%;
    font-size: 90%;
    color: #333;
    line-height: 18px;
    margin-left: 1%;
}

.SigLEPSubHea {
    width: 100%;
    font-size: 110%;
    font-weight: normal;
    color: #000;
    margin-top: 1%;
    text-align: left;
    text-align: center;
}

.ViewMoreNew {
    width: auto;
    font-size: 90%;
    text-align: right;
    margin-bottom: 2%;
    margin-right: 2%;
    float: right;
    border-left: 2px solid #e78124;
    padding-left: 3px;
    color: #933;
}

.khulaContest {
    width: 26%;
    float: left;
    background-color: #dfdfdf;
    margin-right: 2%;
    padding: 0 0 1% 0;
    margin-left: 2%;
    height: 315px;
    text-align: center;
}

.ArtistChitra {
    width: 34%;
    float: left;
    background-color: #dfdfdf;
}

.AChitraText {
    width: 94%;
    line-height: 18px;
    height: 135px;
    padding: 2% 3%;
}

.AffoArtButton {
    width: 100%;
    float: right;
    text-align: center;
    font-size: 90%;
}

    .AffoArtButton a {
        color: #b61818;
    }

.Heading {
    width: 98%;
    font-size: 135%;
    font-weight: normal;
    line-height: 24px;
    margin-top: 0;
    padding-top: 0;
    color: #000;
    text-align: left;
    margin-bottom: 1%;
}

.leftImage {
    margin-right: 12px;
    float: left;
}

.ArtPrintsButton {
    width: 98%;
    float: left;
    text-align: center;
    font-size: 90%;
    margin-top: 0;
}

    .ArtPrintsButton a {
        color: #b61818;
    }

.DeviderBor {
    width: 41.5%;
    float: left;
    border-top: 1px solid #cbcbcb;
    margin-top: -12.5%;
}

.DeviderBor2 {
    width: 41.5%;
    float: left;
    border-top: 1px solid #cbcbcb;
    margin-top: -12%;
}

.PainByEmergingA {
    width: 22%;
    float: left;
    line-height: 18px;
    margin-top: -11%;
    margin-right: 1%;
    padding-right: .5%;
    border-right: 1px solid #cbcbcb;
}

.PainByEmergingAIMG {
    width: 100%;
    text-align: center;
}

.PainByEmergingATEXT {
    width: 100%;
    text-align: center justify;
    height: 95px;
}

.Videos {
    width: 19%;
    float: left;
    margin-top: -11%;
    margin-right: .5%;
    padding-right: 1%;
}

.LEP {
    width: 30.8%;
    float: left;
    border: 1px solid #cbcbcb;
    padding: .5%;
    margin-top: 1.5%;
    margin-right: 2%;
    height: 310px;
}

.LEPImage {
    width: 100%;
    margin-bottom: 1.5%;
    text-align: center;
}

.LEPText {
    width: 100%;
    height: 80px;
    float: left;
}

.Prints {
    width: 30.8%;
    float: left;
    border: 1px solid #cbcbcb;
    padding: .5%;
    margin-top: 1.5%;
    height: 310px;
}

.PrintsImage {
    width: 100%;
    margin-bottom: 1.5%;
    text-align: center;
}

.PrintsText {
    width: 100%;
    height: 75px;
}

.ViewMoreNew2 {
    width: auto;
    font-size: 90%;
    text-align: right;
    float: right;
    border-left: 2px solid #e78124;
    padding-left: 3px;
    color: #933;
}

.RegiVideo {
    width: 34%;
    float: left;
    margin-right: 2%;
}

.RegiIndiaart {
    width: 24%;
    float: left;
    margin-bottom: 3%;
    border-right: 1px solid #7e7e7e;
    padding-right: 1%;
}

.RegiIndiaartText {
    width: 100%;
    float: left;
    height: 185px;
}

    .RegiIndiaartText ul {
        margin-top: 0;
        text-align: left;
    }

        .RegiIndiaartText ul li {
            width: 100%;
            float: left;
            margin-left: 4%;
            margin-bottom: 3%;
        }

.MainAddrss {
    width: 66%;
    float: right;
    height: 325px;
}

.Addrss {
    width: 20%;
    float: left;
    margin-right: 2%;
}

.AddrssImag {
    width: 100%;
}

    .AddrssImag img {
        width: 100%;
    }

.AddrssText {
    width: 100%;
    float: left;
    height: 145px;
    text-align: center;
    margin-top: 2%;
}

.IndiaartBlog {
    width: 20%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}

.IndiaartBlogText {
    width: 100%;
    float: left;
    height: 325px;
    margin-top: 2%;
}

.OrderingBuy {
    width: 20%;
    float: left;
}

.johnsmsllLink {
    font-size: 100%;
}

.KhuAasText {
    width: 98%;
    line-height: 18px;
    height: 100px;
    padding: 1%;
}

.PbyProArt {
    width: 17%;
    float: left;
    border-right: 1px solid #cbcbcb;
    padding: .5% 2% .5% .5%;
    margin-top: 2%;
    margin-right: 2%;
    height: 295px;
}

.PbyProArtImage {
    width: 100%;
    margin-bottom: 1.5%;
    text-align: center;
}

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

.SculImage {
    width: 100%;
    margin-bottom: 1.5%;
    text-align: center;
}

.RecentAddi {
    width: 12%;
    float: left;
    padding: .5%;
    margin-top: 2%;
    height: 320px;
}

    .RecentAddi ul li {
        width: 100%;
        float: left;
        padding: .5%;
        margin-bottom: 1%;
        margin-left: 5%;
    }

    .RecentAddi ul {
        height: 245px;
    }

.deviderNew {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    float: left;
    margin-top: 0;
    margin-bottom: 1%;
}

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

.VideoNewText {
    height: 175px;
}

.NewHomeBox1 {
    width: 23.5%;
    background-color: #f3f3f3;
    float: left;
    margin-right: 2%;
    height: 400px;
    text-align: center;
}

.MarNone {
    margin-right: 0;
}

.NewHomeImg {
    width: 100%;
    text-align: center;
    height: 200px;
}

.NewHomeText {
    width: 96%;
    padding: 2%;
    height: 115px;
}

.NewHomeBorde {
    width: 22%;
    background-color: #e67813;
    height: 2px;
    margin: 0 auto;
}

.HeadingNew {
    width: 96%;
    padding: 2%;
    font-size: 135%;
    font-weight: normal;
    color: #333;
}

.NewHomeButton {
    padding: 3px 8px 6px 9px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    color: #e46b6d;
    background-color: #e67813;
    margin-left: 2%;
    margin-bottom: 2%;
}

    .NewHomeButton a {
        color: #fff;
    }

        .NewHomeButton a:hover {
            text-decoration: none;
            color: #0d0c0c;
        }

.BodyWrapper {
    width: 75%;
    float: left;
    height: auto;
    margin: 0 12% 0 12%;
}

#banner {
    width: 74%;
    float: left;
    height: auto;
    margin: 0 12% 0 12%;
}

    #banner img {
        width: 100%;
    }

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

    .LEPNEW h3 {
        font-size: 28px;
        color: #111;
        text-align: center;
        position: relative;
        padding-bottom: 15px;
    }

        .LEPNEW h3::before {
            content: '';
            position: absolute;
            display: block;
            width: 120px;
            height: 1px;
            background: #ddd;
            bottom: 1px;
            left: calc(50% - 60px);
        }

        .LEPNEW h3::after {
            content: '';
            position: absolute;
            display: block;
            width: 40px;
            height: 3px;
            background: #ffd646;
            bottom: 0;
            left: calc(50% - 20px);
        }

    .LEPNEW p {
        text-align: center;
        padding-bottom: 15px;
        color: #333;
        margin-top: 15px;
    }

.ArtPrintsButton2 {
    width: 99%;
    float: left;
    text-align: center;
    font-size: 120%;
    margin-top: 1%;
    color: #333;
    font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman","serif";
}

    .ArtPrintsButton2 a {
        color: #333;
    }

        .ArtPrintsButton2 a:hover {
            color: #933;
            text-decoration: underline;
        }

.hvr-bubble-top3:hover {
    text-decoration: none;
}

.hvr-bubble-top3 {
    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: #464646;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

    .hvr-bubble-top3::before {
        border-width: 0 10px 10px;
        border-style: solid;
        border-color: transparent transparent #464646;
        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-top3:hover::before {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
    }

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

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

.RAddition {
    width: 100%;
    float: left;
    background-color: #f4f5f5;
    margin: 0 0 1% 0;
}

.RAddiMain {
    width: 27%;
    float: left;
    margin: 1% 0 2% 2%;
    line-height: 18px;
}

.RAddi1 {
    width: 50%;
    float: left;
    margin-top: 3%;
    margin-bottom: 1%;
    text-align: center;
}

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

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

.RAddiMain h3 {
    font-size: 28px;
    color: #111;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
}

    .RAddiMain h3::before {
        content: '';
        position: absolute;
        display: block;
        width: 120px;
        height: 1px;
        background: #ddd;
        bottom: 1px;
        left: calc(50% - 60px);
    }

    .RAddiMain h3::after {
        content: '';
        position: absolute;
        display: block;
        width: 40px;
        height: 3px;
        background: #ffd646;
        bottom: 0;
        left: calc(50% - 20px);
    }

.ArtistDire1 {
    width: 46%;
    margin-right: 3%;
    float: left;
    margin-top: 2%;
    margin-bottom: 1%;
    background-color: #f4f5f5;
    padding: 1%;
}

    .ArtistDire1 a {
        color: #933;
    }

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

.ArtistDire1Text {
    width: 90%;
    float: left;
    margin: 6%;
    text-align: center;
    height: 110px;
}

.HeadingNew {
    width: 96%;
    font-size: 135%;
    font-weight: normal;
    color: #000;
    text-align: center;
    padding: 0 2% 0 2%;
    margin-bottom: 1%;
}

.ViewMoreNew3 {
    width: 96%;
    font-size: 90%;
    text-align: right;
    float: right;
    color: #933;
    margin: 2%;
}

.VideoHome {
    width: 34%;
    float: left;
    padding-right: 1%;
    line-height: 18px;
    border-right: 1px solid #7e7e7e;
    margin-top: 1%;
}

    .VideoHome a {
        color: #933;
    }

.BlogHome {
    width: 32%;
    float: left;
    margin: 1% 0 2% 2%;
    line-height: 18px;
    padding-right: 1%;
    border-right: 1px solid #7e7e7e;
}

    .BlogHome li {
        margin-left: 21%;
    }

.BlogHome2 {
    width: 49%;
    float: left;
    margin-bottom: 1%;
    line-height: 18px;
    margin-left: 2%;
}

.OrdBuyi {
    width: 28%;
    float: left;
    margin-left: 2%;
    border-right: 1px solid #7e7e7e;
    padding-right: 1%;
}

.AddreHome {
    width: 39%;
    float: left;
    margin-left: 3%;
    line-height: 18px;
    text-align: center;
}

.RegiIndiaartHome {
    width: 25%;
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
}

.ViewMoreNew4 {
    font-size: 90%;
    text-align: right;
    color: #933;
    margin: 2%;
    display: block;
}

.HeadingCon {
    width: 98%;
    font-size: 120%;
    font-weight: normal;
    line-height: 24px;
    margin-top: 0;
    padding-top: 0;
    color: #000;
    text-align: left;
    margin-bottom: 1%;
}

.HeadingBlog {
    width: 98%;
    font-size: 120%;
    font-weight: normal;
    line-height: 24px;
    margin-top: 0;
    padding-top: 0;
    color: #000;
    text-align: left;
    margin-bottom: 1%;
}

.BlogHome2 a {
    color: #933;
}

.BlogHome a {
    color: #933;
}

.LEPNEW h1 {
    font-size: 28px;
    color: #111;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

    .LEPNEW h1::before {
        content: '';
        position: absolute;
        display: block;
        width: 120px;
        height: 1px;
        background: #ddd;
        bottom: 1px;
        left: calc(50% - 60px);
    }

    .LEPNEW h1::after {
        content: '';
        position: absolute;
        display: block;
        width: 40px;
        height: 3px;
        background: #ffd646;
        bottom: 0;
        left: calc(50% - 20px);
    }

.LEPNEW h2 {
    font-size: 28px;
    color: #111;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

    .LEPNEW h2::before {
        content: '';
        position: absolute;
        display: block;
        width: 120px;
        height: 1px;
        background: #ddd;
        bottom: 1px;
        left: calc(50% - 60px);
    }

    .LEPNEW h2::after {
        content: '';
        position: absolute;
        display: block;
        width: 40px;
        height: 3px;
        background: #ffd646;
        bottom: 0;
        left: calc(50% - 20px);
    }

.ThemeHome {
    width: 58%;
    padding: 1% 0 1% 0;
    float: left;
    border: 1px solid #ccc;
}

@media only screen and (max-width:1300px) {
    .AChitraText {
        height: 155px;
    }

    .JonText {
        font-size: 95%;
    }

    .AffoArt {
        margin-top: -3%;
    }

    .BronzeScul {
        margin-top: -3%;
    }

    .RemberingJon {
        margin-right: 2.5%;
    }

    .khulaContest {
        margin-right: 2%;
    }

    .ArtistChitra {
        min-width: 35%;
    }

    .AffoArtButton {
        width: 100%;
        text-align: left;
    }

    .ArtPrintsButton {
        font-size: 80%;
    }

    .hide {
        display: none;
    }

    .khulaContest {
        height: 252px;
    }

    .LEP {
        width: 29%;
        margin-right: 3%;
    }

    .PbyProArt {
        height: 395px;
    }

    .PbyProArtText {
        height: 130px;
    }

    .RecentAddi ul {
        height: 255px;
    }

    .VideoNewText {
        height:;
    }

    .RegiIndiaartText img {
        width: 34%;
    }

    .LEPText {
        height: 115px;
    }

    .PrintsText {
        height: 115px;
    }

    .RegiIndiaartText {
        height: 220px;
    }

    .IndiaartBlogText {
        height: 365px;
    }

    .AddrssText {
        height: 230px;
    }

    .KhulaButton {
        width: 100%;
        float: left;
        font-size: 88%;
        margin-top: 2%;
        text-align: center;
    }

    .SigLEPSubHea {
        font-size: 90%;
    }

    .NewHomeImg {
        height: 155px;
    }

    .NewHomeText {
        height: 165px;
    }

    .NewHomeBox1 {
        height: 390px;
    }

    .LEPImage img {
        width: 75%;
    }

    .PrintsImage img {
        width: 100%;
    }

    .leftImage {
        width: 30%;
    }

    .ArtistDire1Text {
        height: 160px;
    }

    .BlogHome {
        width: 31%;
        margin-left: 3%;
    }

    .BlogHome2 {
        width: 45%;
    }
}

@media only screen and (max-width:1370px) {
    .KhulaButton {
        width: 98%;
        float: left;
        font-size: 90%;
        margin-top: 2%;
        text-align: center;
    }

    .AffoArtButton {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 73%;
    }

    .ArtPrintsButton {
        font-size: 73%;
    }

    .PbyProArt {
        height: 340px;
    }

    .deviderNew {
        margin-top: 2%;
    }

    .ImageWi {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width:1500px) {
    .BronzeSculText {
        height: 225px;
    }

    .AChitraText {
        height: 104px;
    }

    .PbyProArt {
        height: 320px;
    }

    .RecentAddi ul {
        height: 265px;
    }

    .deviderNew {
        margin-top:;
    }

    .AddrssText {
        height: 123px;
    }

    .JonText {
        font-size: 135%;
    }

    .khulaContest {
        height: 360px;
    }

    .IndiaartBlogText {
        height: 265px;
    }

    .NewHomeText {
        height: 68px;
    }

    .NewHomeText {
        height: 87px;
    }

    .NewHomeBox1 {
        height: 390px;
    }

    .NewHomeImg {
        height: 220px;
    }

    .ArtPrintsButton2 {
        margin-top:;
    }

    .RegiIndiaartText {
        height: 155px;
    }

    .BlogHome li {
        margin-left: 18%;
    }
}

@media only screen and (max-width:800px) {
    .newBG {
        width: 98%;
    }

    .RemberingJon {
        width: 100%;
        margin-right: 0;
    }

    .khulaContest {
        width: 100%;
        margin-top: 3%;
        margin-right: 0;
        height: 320px;
        margin-left: 0;
    }

    .ArtistChitra {
        width: 99%;
        margin-top: 3%;
    }

    .AChitraText {
        height: auto;
    }

    .AffoArt {
        width: 98%;
        margin-right: 0;
    }

    .AffoArtButton {
        width: 95%;
        float: left;
        margin-top: 3%;
        margin-bottom: 2%;
    }

    .BronzeScul {
        width: 100%;
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-top: 5%;
    }

    .BronzeSculText {
        height: auto;
    }

    .RecentAddi {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-top: 3%;
    }

    .KhulaAasChild {
        width: 100%;
        margin-top: 3%;
    }

    .ArtPrints {
        width: 98%;
        border: 1px solid #cbcbcb;
        margin-top: 2%;
        padding-bottom: 2%;
    }

    .ArtPrintsButton {
        width: 100%;
        margin-top: 2%;
        text-align: left;
        font-size: 85%;
    }

    .PainByEmergingA {
        width: 100%;
        border-right: 0;
        margin-top: 3%;
    }

    .DeviderBor {
        display: none;
    }

    .Heading2 {
        font-size: 110%;
    }

    .Videos {
        width: 100%;
        margin-top: 3%;
    }

        .Videos img {
            width: 80%;
        }

    .PainByEmergingATEXT {
        height: auto;
    }

    .SigLEP {
        width: 97%;
        border-top: 0;
        margin-top: 3%;
    }

    .SigLEPSubHea {
        font-size: 110%;
        color: #000;
        margin-top: 0;
        margin-top: 1.5%;
    }

    .leftImage {
        margin-right: 10px;
        width: 40%;
    }

    .MasterPain {
        width: 99%;
        max-margin-right: 2%;
        padding-right: 0;
        border-right: 0;
        margin-top: 3%;
        float: left;
    }

    .FriendsofIndiaart {
        width: 100%;
        float: left;
        margin-top: 3%;
        margin-right: 0;
    }

    .SigLEPHea {
        text-align: left;
    }

    .ViewMoreNew {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .FriendsofIndiaartText {
        height: auto;
    }

    .DeviderBor2 {
        width: 97%;
        margin-top: 0;
    }

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

    .MainAddrss {
        width: 100%;
        float: left;
        border-top: 1px solid #cbcbcb;
        margin-top: 3%;
        height: auto;
        padding-top: 3%;
    }

    .Addrss {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
        border-bottom: 1px solid #cbcbcb;
        padding-bottom: 3%;
    }

    .IndiaartBlog {
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #cbcbcb;
        padding-bottom: 3%;
        margin-bottom: 3%;
    }

    .IndiaartBlogText {
        height: auto;
    }

    .PhotographyText {
        margin-top: 3%;
        height: auto;
        border-bottom: 1px solid #cbcbcb;
        padding-bottom: 3%;
    }

        .PhotographyText img {
            min-width: 100%;
        }

    .RegiIndiaart {
        width: 100%;
        float: left;
        margin-top: 2%;
        border-top: 0;
        padding-top: 2%;
    }

        .RegiIndiaart img {
            width: 25%;
        }

    .RegiIndiaartText ul li {
        width: 100%;
        margin-left: 5%;
    }

    .RegiIndiaartText {
        height: auto;
    }

    .ViewMoreNew2 {
        margin-bottom: 2%;
        margin-top: 2%;
    }

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

    .Heading3 {
        font-size: 135%;
    }

    .SigLEPHea {
        font-size: 135%;
    }

    .SigLEPText {
        height: 200px;
    }

    .AddrssText {
        height: 100px;
    }

    .MasterPain img {
        width: auto;
    }

    .FriendsofIndiaart img {
        width: auto;
    }

    .PhotographyText {
        border-bottom: 0;
    }

    .LEP {
        width: 98%;
        margin-right: 0;
        margin-bottom: 3%;
        height: auto;
    }

    .LEPText {
        height: auto;
        margin-bottom: 3%;
    }

    .Prints {
        width: 98%;
        margin-top: 1.5%;
        height: auto;
        margin-bottom: 3%;
        padding-bottom: 2%;
    }

    .PrintsText {
        height: auto;
    }

    .PrintsImage {
        margin-top: 3%;
    }

        .PrintsImage img {
            width: 100%;
        }

    .PbyProArt {
        width: 98%;
        float: left;
        border-right: 0;
        margin-top: 2%;
        margin-right: 0;
        height: auto;
        border-bottom: 1px solid #ccc;
    }

    .WelcomeText {
        margin-top: 5%;
        margin-bottom: 5%;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .PbyProArtText {
        height: auto;
        margin-bottom: 3%;
    }

    .RecentAddi ul {
        height: auto;
    }

    .RecentAddi {
        height: auto;
        margin-bottom: 3%;
    }

    .RegiVideo {
        width: 100%;
        margin-right: 0;
    }

    .VideoNewText {
        height: auto;
    }

    .RecentAddi ul li {
        width: 80%;
        float: left;
        padding: .5%;
        margin-bottom: 1%;
        margin-left: 6%;
    }

    .banner img {
        width: 96%;
    }

    .ArtPrintsButton {
        width: 98%;
        margin-top: 2%;
        text-align: right;
    }

    .AffoArtButton {
        width: 98%;
    }

    .khulaContest {
        height: auto;
    }

    .banner2 {
        width: 100%;
        margin-left: 0;
        float: left;
        margin-top: 4%;
    }

        .banner2 img {
            width: 100%;
            height: auto;
        }

    .NewHomeBox1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
        height: auto;
    }

    .ArtPrintsButton {
        text-align: center;
        margin-bottom: 2%;
    }

    .NewHomeImg {
        height: auto;
    }

    .NewHomeText {
        height: auto;
    }

    .ImageWi {
        width: 100%;
        text-align: center;
    }

    .LEPImage img {
        width: 100%;
    }

    .RAddiMain h3 {
        font-size: 20px;
    }

    .LEPNEW h3 {
        font-size: 20px;
    }

    .RAddi1 {
        width: 100%;
        margin-right: 0;
        margin-top: 5%;
    }

    .RAddi1Image {
        height: auto;
    }

    .ArtistDire1 {
        width: 100%;
        margin-right: 0;
        margin-top: 7%;
        padding: 3%;
    }

    .ArtistDire1Text {
        height: auto;
    }

    .ArtistDire1Image {
        width: 100%;
        float: left;
        text-align: center;
        height: auto;
        margin-bottom: 5%;
    }

    .VideoHome {
        width: 100%;
        float: left;
        padding-right: 0;
        margin-top: 5%;
        border-right: 0;
    }

    .BlogHome {
        width: 100%;
        margin-top: 5%;
        border-right: 0;
    }

    .RegiIndiaartHome {
        width: 100%;
        margin-bottom: 3%;
        border-right: 0;
        padding-right: 0;
    }

    .OrdBuyi {
        width: 100%;
        margin-left: 0;
        border-right: 0;
        padding-right: 0;
    }

    .AddreHome {
        width: 100%;
        float: left;
        margin-left: 0;
        line-height: 18px;
        text-align: center;
    }

        .AddreHome img {
            width: 100%;
            margin-bottom: 5%;
        }

    .RAddi1Text {
        margin-top: 5%;
    }

    .HeadingCon {
        text-align: center;
    }

    .BlogHome2 {
        width: 100%;
        margin-top: 5%;
    }

    .LEPNEW h1 {
        font-size: 20px;
    }

    .LEPNEW h2 {
        font-size: 20px;
    }

    .ThemeHome {
        width: 100%;
        text-align: center;
    }

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

    .BlogHome li {
        margin-left: 5%;
    }
}



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

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

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

#nav 
{
    /*width:100%;
    padding: 4px 0 4px 0;*/
    background-color:#ffd646;
 	box-shadow:0 0 2px #999;
	float: left;
    font-size: 88%;
    height:50px;
    padding: 10px 0 10px 0  ;
    width: 100%;
	margin: 7px 0 7px 0;
	text-align:center;
	
	
	
}
#nav ul 
{
        /*list-style-type: none;*/
	float: left;
    list-style-type: none;
    margin: 0;
    padding-left:3.5% ;
    display:inline;
 }

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

            #nav ul li:hover {
                background-color:#E67813; /*#E77817;*/
				 color: #fff;
            }


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

                #nav ul li a:hover {
                    /*color:#911f77 ;*/
					 color: #fff;
                }

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

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

    .indiartlogo img {
        width: 100%;
    }


.createdby {
  float: left;
    padding: 0 1%;
    width: 98%
}
.mainbody {
    float: left;
    width: 100%;
}

.content {
    width: 97%;
    margin: 0px auto;
    /* box-shadow: 0 0 9px #e6e6e6;
   background-color: #ffffff;*/
}

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

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

input[type=text], select, textarea {
    border: 1px solid #cecece;
    color: #575757;
    float: left;
    padding: 5px;
    width: 100%;
}

    input[type=text]:focus, select:focus, textarea:focus {
        border: 1px solid #000 !important;
        box-shadow: 0 0 9px #e6e6e6;
    }


input[type=button], input[type=submit] {
    border: medium none;
    box-shadow: 0 0 2px #E67914 inset;
    cursor: pointer;
    float: left;
    padding: 5px 10px;
    color: #FFF;
    background-color: #E67914;
}

.popkeyword {
    width: 100%;
}

.top a {
    margin: 0 5px;
}

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

.fl {
    float: left;
}

.blg {
    background-position: -318px -7px;
    padding: 11px 10px;
}
 .fcb {
    background-position: -340px -7px;
    padding: 11px 10px;
}
 
.gplus {
    background-position: -361px -7px;
       padding:  10px 10px;
}
 .tw {
    background-position: -382px -7px;
        padding:  10px 10px;
}
 
.yt {
    background-position: -403px -7px;
       padding:  10px 10px;
}

.ig {
    background-position: -425px -7px;
    padding: 10px 10px;
}
.abtInd {
    width: 100%;
    font-size: 85%;
}

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

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

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

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

.row1 .right img {
    width: 100%;
}

.row1 .left {
    /*border:solid 2px #989898;*/
}

   /* .row1 .left img {
        width: 95%;
        border: solid 2px #FFF;
        box-shadow: 0 0 2px #cccccc;
    }*/
.ampHed more {
    position:absolute;
    right:0;
}

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

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



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

    .amp div {
        float: left;
    }

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

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


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

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



    /*.aep div {
        position: relative;
        width: 95%;
        padding-bottom: 5px;
    }*/

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

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

.aep2 img {
    width: 100% !important;
}

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

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

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

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

 

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

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

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

    .indDirectories img {
        width: 100%;
    }

    .indDirectories div {
        float: left;
    }

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

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

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

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

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

.imgdataCont {
    padding: 0 3%;
}

.idde a {
    margin-right: 10px;
}

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

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

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

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

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

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

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

.nonpebg {
    float: left;
}

.pemenu .right {
    width: 50%;
}

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

    .ExEvartPro .left, .ExEvartPro .right {
        background-color: #FFF;
        box-shadow: 1px 1px 1px #cccccc;
        padding: .4%;
    }

    .ExEvartPro .left {
        width: 99%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ExEvartPro .right ul li img {
    }

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

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

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

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

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

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

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

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

    .exhi .blog {
        float: left;
        width: 100%;
        background-color: #fff;
       box-shadow: 0px 0px 3px #ccc;
    }
	
 
.exhi ul {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    list-style-type:none;
}

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

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

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

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

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

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

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

.grynum {
    float: right;
}

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

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

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

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

.dn {
    display: none;
}

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

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

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

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

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

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


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

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

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

    .prevHori3:hover {
        opacity: 1;
    }

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

    .nextHori3:hover {
        opacity: 1;
    }

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

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

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


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

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

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

}
.col {
margin-left:1%;
}
.col p{
text-align:justify;
}
.colhed h3 {
  color: #000;
    font-weight: normal;
    margin: 3px 0;
    padding: 7px 0;
 
}
.contactrow .col {
float:left;
width:19.1%;
background-color:#fFF;
box-shadow: 0px 0px 3px #ccc;
}

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

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

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

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


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

.content {
    width: 97%;
    margin: 0px auto;
    /* box-shadow: 0 0 9px #e6e6e6;
   background-color: #ffffff;*/
}
.filterDiv {
    background-color: #ffffff;
    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: 955px;
	overflow: auto;
 
	
}

.scroll-pane3 {
	width:  100%;
	height: 2290px;
	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 #ffffff;
    color: #ffffff;
    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 {
   margin-top: 5px;
    float: left;   
    margin-left: 1%;
    width: 81%;
}

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

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

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

.listing ul,.filterDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    }
.filterDiv ul {
float:left;
}
.listing ul li{
     background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    height: 280px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 200px;
    font-size:85%;
	
    }
    .listing ul li img{
        /*width:100%;*/
        box-shadow: 2px 2px 3px #868686;
		
		
    }
	
	.listing1 ul li{
     background-color: #ffffff;
    border-radius: 10px 0px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    height: 280px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 250px;
    font-size:85%;
	
    }
    .listing1 ul li img{
        /*width:100%;*/
        box-shadow: 2px 2px 3px #868686;
		
		
    }
	
	.listing1 ul,.filterDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    }
	
	.listing1 h4 
{
	width:100%;
	text-align:center;
	color:#b61818;
	float: left;
    font-size: 120%;
    font-weight:bold;
	margin:0px;
	padding-bottom:10px;
}
.listing1 h5 
{
	width:100%;
	text-align:center;
	float: left;
    font-size: 100%;
	margin:0px;
	padding-top:12px;
}	

.listing1  h2 
{
	width:100%;
	text-align:left;
	float: left;
    font-size: 115%;
	margin:0px;
	padding-top:12px;
	font-weight:normal;
}	
  
  .listing1 h3 
{
	 width: 100%;
     color: #b61818;
    float: left;
    font-size: 155%;
    font-weight: normal;
	text-align:left;
 
}
	
 .new2 {
    background-color: #fff;
    float: left;
	margin-left:6px;
     width: 100%;
}

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

.new ul li{
     background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 2px 2px #c1c1c1;
    float: left;
    height: 350px;
    list-style-type: none;
    margin: 1%;
    padding: 10px;
    width: 265px;
    font-size:85%;
	
    }
    .new ul li img{
        /*width:100%;*/
        box-shadow: 2px 2px 3px #868686;
		
		
    }
	
   
	
	.new h3{
		color: #000000;
    float: left;
    font-size: 135%;
    font-weight: normal;
     padding: 0;
    width: 100%;
	text-decoration: none;
	border-bottom:1px #DEDDDD solid;}
	
	/* Reveal */
.hvr-reveal {
  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;
  overflow: hidden;
   background-color:#E1E1E1;
  padding:12px 17px 12px 12px;
  color:#333333;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #E67813;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}
	
	.new h4 
{
	width:100%;
	text-align:center;
	color:#b61818;
	float: left;
    font-size: 120%;
    font-weight:bold;
	margin:0px;
	padding-bottom:15px;
}
.new h5 
{
	width:100%;
	text-align:center;
	float: left;
    font-size: 100%;
	margin:0px;
	padding-top:10px;
	
}

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

.new h2{
		color: #b61818;
    float: left;
    font-size: 135%;
    font-weight: normal;
     padding: 0;
    width: 100%;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
	border-bottom:0px #DEDDDD solid;
	 }	
	
	.new h1{
		color: #b61818;
    float: left;
    font-size: 135%;
    font-weight: normal;
     padding: 0;
    width: 98%;
	text-decoration: none;
	 
	border-bottom:1px #DEDDDD solid;	 }
	
	.newtable {
		width:100%;
		float:left;
		text-align:center;
		
	}
	.newtext
{
	width:100%;
	text-align:center;
	float: left;
    font-size: 115%;
	margin:0px;
	padding-top:12px;
	line-height:18px;

}

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

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

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

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

    .new-tour .left, .new-tour .right {
        background-color: #FFF;
        box-shadow: 1px 1px 1px #cccccc;
        padding: .4%;
    }

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

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

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

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

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

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

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

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

.img-left{
	padding: 5px;
  border: 1px solid #dfdfdf;
  background: #f3f3f3;
  float: left;
  margin: 0px 10px 5px 0px;
}
	
.imgContener {
width:100%;
text-align:center;
height:250px;

 


}
.listing h4 
{
	width:100%;
	text-align:center;
	color:#b61818;
	float: left;
    font-size: 120%;
    font-weight:bold;
	margin:0px;
	padding-bottom:10px;
}
.listing h5 
{
	width:100%;
	text-align:center;
	float: left;
    font-size: 100%;
	margin:0px;
	padding-top:12px;
}	
  
  .listing h3 
{
	 width: 100%;
	 border-bottom: 1px dotted #000000;
    color: #000000;
    float: left;
    font-size: 155%;
    font-weight: normal;
	text-align:center;
	padding-bottom:5px;
}
/* artist directory end */
 .artists-wrapper
 {
	 
	width: 99%;
     float: left;
 	  margin: 0px auto;
  }
  
  
  .artists-wrapper h6 
{
	 width: 100%;
	 border-bottom: 1px dotted #000000;
    color: #000000;
    float: left;
    font-size: 155%;
    font-weight: normal;
	text-align:center;
	padding-bottom:5px;
	margin:5px;
}
#artmar {
    width: 100%;
	margin:0px;
	padding:0px;
	
}
.artmar1
{
	 width:45%;
	float:left;
	text-align:justify;
	padding:0 10px ;
	font-size:85%;
	
	 
}
.artmar1img
{
	 width:45%;
	float:left;
	 padding: 0 25px 0 0;
}
.artmar1txt
{
	 padding-left: 15px;
    width: 49%;
	float:right;
	 
	 
}

.artmar2img
{
	 width:45%;
	float:left;
	 
}
.artmar2txt
{
	 padding-left: 15px;
    width: 49%;
	float:right;
	 
	 
}
.artmarhead
{
	 width:100%;
	float:left;
	font-size:100%;
	font-weight:bold;
	margin-bottom:3px;
}
.artmar2
{
	 width:45%;
	float:right;
	text-align:justify;
	padding:0 10px ;
	margin-left:15px;
	font-size:85%;
	
}
 
.img
{
	float:left;
	
}
.artmarhea
{
	font-size:100%;
}
.par
{
	width:100%;
	float:left;
	height:10px;
}
.testimonials {
   margin-top: 5px;
    float: left;   
    margin-left: 1%;
    width: 100%;
}
.testimonials ul li{
     
    border-radius: 30px 0;
    box-shadow: 0 4px 4px #c1c1c1;
    float: left;
    height: 400px;
    list-style-type: none;
    margin: 1%;
    padding: 15px;
    width:260px;
    font-size:85%;
	color:#333;
	line-height:15px;
	
    }
.testimonials ul li p
{
	text-align:justify;
  
    }
.testimonials h5 
{
	width:100%;
	text-align:right;
	float: left;
    font-size: 100%;
	margin:0px;
	padding-top:12px;
	color:#666;
}	
.enlarge
{
	float:left;
	width:83%;
	padding:12px 5px 5px 40px;
	background:url(../images/enlarge-icon.png) left no-repeat  #D3D3D3;
	height:px;
	color:#b61818; 
	font-size:120%;
	font-weight:bold;
	margin-top:65px;
	
}
.enlarge a
{ color:#b61818; }

.enlarge a:hover
{ color:#666; }

/*    a {
            text-decoration: none;
            color: #667F6A;
            border-bottom: 1px dotted #667F6A;
        }

            a:hover {
                color: #7B798F;
                border-bottom: 1px solid #7B798F;
            }


        html {
            background: rgb(123, 121, 143);
        }

        body {
            font: 100% Cantarell, Arial, Helvetica, sans-serif;
            line-height: 1.5;
            background: #fff;
            color: rgb(76, 67, 65);
            font-weight: normal;
            font-style: normal;
        }
        */
#mainNav h2, #mainNav #menuToggle {
    display: none;
}

nav ul {
    list-style: none;
     margin: 0;
    padding: 0;
}



/*nav styles*/
#mainNav {
    margin-bottom: .5em;
    width: 100%;
}

    #mainNav li {
        float: left;
    }

    #mainNav a, #mainNav h3 {
        display: block;
        color: rgb(76, 67, 65);
        border: none;
    }

        #mainNav a:hover {
            color: rgb(123, 121, 143);
        }

        #mainNav a.current {
            color: rgb(123, 121, 143);
            cursor: default;
        }
		
		/*Modify Minakshi*/
.img_left { 
	width:auto;
	float:left;
	margin:5px 15px 1px 5px;
	background:#FFFFFF;
	padding:4px;
	border:1px solid #ccc;
	margin-top:5px;
    box-shadow:0px 0px 5px #ccc;
}
  .navMore
  {
	  text-align:right;
	  width:15%;
	  padding-left:83%;
  }
  .viewall
  {
	  text-align:right;
	  width:20%;
	  padding-left:80%;
	  margin-bottom:7px;
  }

/*Modify Minakshi*/
.devider
{
	width:100%;
	float:left;
	height:10px;
}

/*mobile styles*/
@media only screen and (max-width:480px) {

    /*disable text sizing on orientation change*/
    html, body, div, section, article, aside, header, hgroup,  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 styles*/
    header {
        height: 70px;
    }

        header h1 {
            font-size: 2em;
            padding-left: 55px;
            line-height: 70px;
            width: 190px;
            margin: 0 auto;
        }

        header h2 {
            display: none;
        }

    /*nav styles*/
    #mainNav {
        width: auto;
        margin: 0;
        margin-bottom: 1em;
        float: left;
        width: 90%;
    }

        #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: rgb(76, 67, 65);*/  
         background-color: #ffd646;
        
        padding-left: 1em;
        line-height: 2em;
        cursor: pointer;
    }
        

    #mainNav span.indicator {
        position: absolute;
        right: 1em;
    }
    /*dropdown menu styles*/

    #mainNav ul.submenu {
        float: none;
        width: 100%!important;
        height: auto;
        max-height: 0;
        -moz-transition: max-height 0.5s ease;
        -webkit-transition: max-height 0.5s ease;
        -o-transition: max-height 0.5s ease;
        transition: max-height 0.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: rgb(76, 67, 65);
        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 #cccccc;
        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: none;
        padding-bottom: 20px;
    }
    .navMore {
 margin: 0px!important;
 padding: 0px!important;
}
}


/*desktop styles*/
@media only screen and (min-width:481px) {

    /*header styles*/
    header {
        height: 165px;
        margin-bottom: 1em;
    }

        header h1 {
            font-size: 3.2em;
            padding-left: 110px;
            line-height: 100px;
            line-height: 165px;
            margin-right: .5em;
            float: left;
            margin-left: 3.9%; /* fixes nasty 1px header fitting problem*/
            display: inline;
            background: url(../_images/desolve_logo.png) no-repeat left center;
        }

        header h2 {
            font-family: Cantarell, Arial, Helvetica, sans-serif;
            font-style: italic;
            font-weight: normal;
            font-size: 1.4em;
            color: #fff;
            float: left;
            text-transform: lowercase;
            letter-spacing: .1em;
            line-height: 165px;
        }

    /*nav styles*/
    #menuContainer {
 position: relative; 
 width: 100%;  
 float: left; 
 margin-bottom: 4em;
}
    #mainNav {
        float: left;
        box-shadow: 0 0 2px #999;
        background-color: #ffd646;
        position: absolute;
       z-index: 101;
    }

        #mainNav li {
            margin-right: 5px;
            position: relative;
            padding:0.7em 0
        }
        #mainNav a, #mainNav h3 {
            text-align: center;
            padding: 0 .6em;
            
        }

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

    /*dropdown menu styles*/
    .submenu {
        background-color: #ffffff;
        box-shadow: 0 1px 1px #959595;
        border-radius:0 0 5px 5px;
    }

    #mainNav ul.submenu {
        float: none;
        width: auto;
        height: auto;
        position: absolute;
        top: 3.1em;
        max-height: 0;
        -moz-transition: max-height 0.5s ease;
        -webkit-transition: max-height 0.5s ease;
        -o-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
        overflow: hidden;
        z-index: 1000;
        font-size:85%;
		background-color:#f2f2f2;
    }

        #mainNav ul.submenu li {
            float: none;
            margin: 0;
            padding:0 0
        }

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

    #mainNav li:hover {
        background-color: #F2F2F2;
    }

   #mainNav ul.submenu2 {
    /*   width: auto!important;*/
    }

    #mainNav ul.submenu2 li  a{
        border-bottom: 1px dotted #cccccc;
        padding: 0.5em 1em;
        white-space: nowrap;
        text-align: left;
    }

   #mainNav ul.submenu2 li:first-child {
        font-weight:bold;
        font-size:120%;
         padding: 1.5em 0 0.5em 1em;
        white-space: nowrap;
        text-align: left;
    }

    #mainNav ul.submenu2 li:last-child a {
        border-bottom: none;
        padding-bottom: 20px;
    }

    .submenu ul {
        float: left;
    }

    .topMenu {
        margin: auto;
        width: 1000px;
    }
    .fadebg {
    display: none;
    opacity: .8;
    background-color: #000;
    position: absolute;
    z-index: 100; 
    width: 100%;
    height: 768px;
   }
}



@media only screen and (max-width:1300px) {
    body {
        font-size: 12px;
    }

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


    .pheight {
        height:233px;
    }
    .colpheight {
         height: 300px;
    }
	
	.aep-text1{
        height: 100px;
    }
		.aep-text {
        height: 200px;
    }
	
     .sliderHori1, .sliderHori2 {
    margin: 0 6.9%;
    }
	
.exhi1 {
     height: 215px;
 	
}
.exhi1 img {
	width:50%;
}
.artmar2
{
	
}
.artmar1
{
	 width:41%;
}	

 #artmar {
			}
			 
 .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;
        }
}

@media only screen and (min-width:1500px) {

 .sliderHori1, .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{
  
    width: 300px;
	padding:12px;
 	
    }
	 .new-tour ul li {
     
		padding-left:8px;
		 
    }
	
	 
}


.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px,0px,0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8,move;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}


.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #333;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 5px;
        padding: 0 10px 0 0;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 0;
        background:;
        filter: Alpha(Opacity=50);
        opacity:;
        font-family: Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman","serif";
        font-size: 120%;
        border-right: 1px solid #333;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: underline;
        color: #933;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            opacity: .5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}


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%
}

.indiartlogo img {
    width: 100%
}

.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: 16%;
    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
}

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
}

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

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

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

.ig {
    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: 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
}

#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%
}

.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: 10px;
    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:1000px) {
    .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
    }
}

@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%
    }
}

@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%
    }
}

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