@media (max-width: 1199px)
{
/******** Click Action ********/
.clickmeactionWeB{ position:fixed; left:0; bottom:20px; z-index:999; width:0;}
.basecoverbg-action
{
	background:url(../clickme/clickmebg.png) repeat #fff left top;
	width:900px;	
	padding:30px;
	margin:0;	
    line-height:normal;
    float:left;
    position:relative;
    left:-900px;
    -webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	-ms-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}
.basecoverbg-action.scrollon
{
	left:0px;	
	-mox-box-shadow: 7px 7px 25px rgba(0,0,0,0.3);
    -webkit-box-shadow: 7px 7px 25px rgba(0,0,0,0.3);
    -khtml-box-shadow: 7px 7px 25px rgba(0,0,0,0.3);
    -o-box-shadow: 7px 7px 25px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 25px rgba(0,0,0,0.3);
}
.basecoverbg-action:after {
    background:#ccc;
    content: "";
    position: absolute;    
    width:2px;
    right:450px;  
    top:30px;
    bottom:30px;
}
.dynamicsection-left{ float:left; width:390px; padding:0; margin:0;}
.maintitle-click { font-size:24px; padding:2px 0px 2px 2px; position:relative;}
.maintitle-click .leaf-icon{background:url(../clickme/leaf.png) no-repeat left top; width:24px; height:24px; position:absolute; left:-22px; top:5px; background-size:24px 24px;}
.upload-ads
{	float:left; width:100%; position:relative; margin:0px 0px 10px 0px;
	-mox-box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    -khtml-box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    -o-box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
}
.footcontent-web{float:left; width:100%; position:relative; padding:0; margin:5px 0px 0px 0px; font-size:13px;}
.subtitle-web{ font-size:16px; padding:0px 0px 0px 20px; margin:0; float:left; width:100%; font-weight:400;  position:relative;}
.subtitle-web:after {
    background:url(../clickme/leaf.png) no-repeat left center;
    content: "";
    position: absolute;
    height:18px;
    width:18px;
    left:0px;  
    top:0px;  
    background-size:16px 16px;  
}
.whydescription-web{ padding:1px 0px 1px 20px; margin:2px 0px; float:left; width:100%; position:relative;}
.whydescription-web:after {
    background:url(../clickme/why-icon.png) no-repeat left center;
    content: "";
    position: absolute;
    height:18px;
    width:18px;
    left:0px;  
    top:0px;  
    background-size:16px 16px;  
}
.time-web{padding:2px 0px 2px 20px; margin:0; float:left; width:100%; font-weight:600; position:relative;}
.time-web:after {
    background:url(../clickme/time-icon.png) no-repeat left center;
    content: "";
    position: absolute;
    height:18px;
    width:18px;
    left:0px;  
    top:0px;  
    background-size:16px 16px;  
}
.staticsection-right{width:400px; float:right; padding:0; margin:0;}
.companysection{ position:relative; width:190px; float:left; text-align:center; margin:4px;}
.pic-section-web{padding:0; margin:0; float:left; width:100%;}
.pic-section-web img{ width:120px;}
.description-section-web{padding:0; margin:0; font-size:11px; float:left; width:100%;}
.readmore-web{ padding:0; margin:5px 0px 0px 0px; float:left; width:100%;}
.readmore-web img{ width:24px; border:0;}

.topright-design{ position:absolute; right:0; top:0; width:251px; height:63px; background:url(../clickme/topright-design.png) no-repeat left top;}
.bottomright-design{ position:absolute; right:0; bottom:0; width:194px; height:54px; background:url(../clickme/bottomright-design.png) no-repeat left bottom;}
.bottom-design{ position:absolute; right:401px; bottom:0; width:100px; height:32px; background:url(../clickme/bottom-design.png) no-repeat left bottom;}
.actiononbutton
{
	position:absolute;
	right:-43px;
	top:50%;
	margin-top:-103px;
	width:43px;
	height:206px;
	background:url(../clickme/click.png) no-repeat left center;
	cursor:pointer;
	-webkit-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	-ms-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}
/******** Click Action end ********/
}
@media (max-width: 1024px)
{

.head-section .generalhead .webheader h2 span{margin-left:20px;}
.bg-inmobile{ background-color:rgba(255,255,255,0.9); padding:20px;}

.generalrepeat.the-theory-of-ayurveda{padding:30px 0px;}

}
@media (min-width: 993px)
{
    .mobile-menu.active{ display:none}
    
}

@media (max-width: 992px)
{
    
    .scrolltofix {
    position:  relative;
    left: 0;
    top: 0;
    right: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    z-index: 99;
}
    .menutop .navbar-nav{ display:none;}
    .nav-icon-show-hide{ display:block; float:right;}

    
    .full-mr{ position: relative; width:100%; left:0; top:0%; float:left;}
    .headersection-homepage{position: relative; padding:0; margin:0;  float:left; width:100%; height:100%; background:transparent; background-size:auto auto; z-index:9; min-height:260px;}

    .showontbs{ position:relative; float:left; width:100%; display:block;}

    .section-repeat-leftcontent .conetent-section{width:44%; font-size:16px;}
    .section-repeat-leftcontent .content-pic{ float:right; width:53%;}
    .section-repeat-leftcontent.rightpic .conetent-section h2{ margin-top:0px;}  
    .mobileresponsivebrands{ display:block;}
    .coverofbrands{ display:none;}
    #quote-carousel .carousel-indicators li { width:90px;  height:90px;  margin:4px;}
    .contact-form{ padding:50px;}

    .banner-content{ width:20%; margin:0px 0 0 50px; position:absolute; left:0; top:0; height:100%;}

    .banner-content h2{font-size:40px; margin:0px 0px 5px 0px;}
    .banner-content p{font-size:18px;}
  
    .content-centered{font-size:20px;}
    .content-centered-white{font-size:20px;}


    .gallery-grid{width:100%; margin-top:0px; float:left; position:relative;}


    .webfor-gallery{ position:relative; padding-top:0px;}
    #preview-body {margin-top:0px; position:relative; display:table; width:100%;}
    #preview-body .picture{ position:relative; padding:0; margin:0; overflow:hidden;}
    #preview-body .column25 {padding:2px; display:table-cell; width:25%;}
    #preview-body .column50 {padding:2px; display:table-cell; width:50%;}

    #preview-body .gal-item{ position:relative; padding:0; margin:0px 0px 5px 0px; width:100%; float:left;}
    #preview-body .gal-item2{ position:relative; padding:0px 2px 0px 0px; margin:0px 0px 5px 0px; width:50%; float:left;}
    #preview-body .gal-item3{ position:relative; padding:0px 0px 0px 2px; margin:0px 0px 5px 0px; width:50%; float:right;}

    #preview-body .caption-tag{  width:100%; padding:20px; top:10%; left:0%; margin-left:0;}
    #preview-body .caption-tagweb{  width:100%; padding:20px; top:10%; left:0%; margin-left:0;}

    .addbanner-content{
    font-size:35px;
    color:#ffffff;
    line-height:40px;
    width:60%;
    height:100%;
    top:0;
    right:10%;
    }
.addbanner-content.left{left:10%;}


    /******** Click Action ********/
    .clickmeactionWeB{ position:fixed; left:0; bottom:20px; z-index:999; width:0;}
    .basecoverbg-action
    {
	    background:url(../clickme/clickmebg.png) repeat #fff left top;
	    width:500px;	
	    padding:15px;
	    margin:0;	
        line-height:normal;
        float:left;
        position:relative;
        left:-500px;
    }
    .autocoverclick{ position:relative; width:100%; height:500px; overflow:auto;}
    .basecoverbg-action:after { display:none;}
    .dynamicsection-left{ float:left; width:100%; padding:0; margin:0;}

    .maintitle-click { font-size:22px; padding:2px 0p}

    .footcontent-web{float:left; width:100%; position:relative; padding:0; margin:5px 0px 0px 0px; font-size:13px;}
    .subtitle-web{ font-size:15px;}
    .staticsection-right{width:100%; float:left; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; border-top:solid 1px #ccc;}
    .companysection{ position:relative; width:48%; float:left; text-align:center; margin:1%;}
    .pic-section-web{padding:0; margin:0; float:left; width:100%;}
    .pic-section-web img{ width:120px;}
    .description-section-web{padding:0; margin:0; font-size:11px; float:left; width:100%;}
    .readmore-web{ padding:0; margin:5px 0px 0px 0px; float:left; width:100%;}
    .readmore-web img{ width:24px; border:0;}

    .topright-design{display:none;}
    .bottomright-design{display:none;}
    .bottom-design{display:none;}
    /******** Click Action end ********/

}

@media (max-width: 767px)
{
    
    .mobile-menu.active{
    display:block;
    position:  relative;
    left:0; top:0;
    width:100%;
    height:100%;
    background-color:#fff;
    padding:10px;
    overflow:auto;
    box-shadow:1px 1px 3px rgba(0,0,0,0.1);
    z-index:9999;
}
    
    .logo-header{ text-align:center;}

    .generalrepeat{padding:20px 0px;}
    .section-repeat-leftcontent{ padding:0; margin:10px 0px; float:left; width:100%; position:relative;}
    .section-repeat-leftcontent.rightpic .conetent-section{ float:left;}
    .section-repeat-leftcontent.rightpic .conetent-section h2{ margin-top:0;}
    .section-repeat-leftcontent.rightpic .content-pic{ float:right;}
    .section-repeat-leftcontent .conetent-section{position:relative; padding:10px; margin:0; width:100%; float:left; font-size:15px;}
    .section-repeat-leftcontent .content-pic{ float:right; padding:0; margin:15px 0px 0px 0px; width:100%;}
    .conetent-section .para-general-big{ font-size:16px; line-height:26px; }



    
    .webhistory{ display:none;}    
    .phonehistory{ display:block;}

    .contact-form{ padding:10px;}
    .kairalicenter-location-box{margin:10px 0; float:left; width:100%; height:auto;}

    .offer-iyf{margin-bottom:20px;text-align:center;}

    ul.whyayurveda li{padding:1%; margin:1%; width:48%;}
    .whytitle{ position:relative; max-height:55px; font-size:20px;}
    .whydescription{ line-height:normal; padding:0; max-height:65px;}

    .basecent {left:5%; width:90%;padding:20px;}
	.close-dtl {margin: 0px -10px 0 0;}
	ul.whyayurvedapop .whytitle1 {font-size:26px;}

    .banner-content .centermiddlecontent {vertical-align: top; width:50%; padding-top:50px;}
    .banner-content .centermiddlecontent .content-vertical-text {vertical-align: top;}
    .banner-content{ width:100%; margin:10px 0px; position: relative; left:0; top:0; height:auto; float:left;}
    .banner-content h2{font-size:30px; margin:0px 0px 5px 0px;}
    .banner-content p{font-size:16px;}

    .generalrepeat-web{ position:relative; padding:10px; margin:0px 0px;}

    .head-section .generalhead .webheader h1{ font-size:36px; margin-left:0px; padding-top:0px;}
    .head-section .generalhead .webheader h1 span {display: inline; margin-left:0px;}

    .head-section .generalhead .webheader h2{ font-size:36px; margin-left:0px; text-align:center;}
    .head-section .generalhead .webheader h2 span {margin-left:40px;}

    .headingfor-border-darkyellow    { margin-bottom:10px;}
    .headingfor-border-green    { margin-bottom:10px;}
    .headingfor-border-yellow    { margin-bottom:10px;}
    .headingfor-border-skycolor    { margin-bottom:10px;}

    .head-section {padding:20px;}
    .head-section{min-height:100px; height:auto;}
    .head-section .generalhead{min-height:100px; height:auto;}
    .head-section p {font-size: 14px;}
    .section-repeat-leftcontent .content-pic .borderbox{ border:solid 1px #fff;left:20px; top:20px; right:20px; bottom:20px;}

    .section-repeat-leftcontent.big .conetent-section{font-size:14px;}
    .section-repeat-leftcontent.big .conetent-section h2{font-size:20px; line-height:24px;}
    .section-repeat-leftcontent.big .conetent-section h2.latofont{font-family: 'Lato', sans-serif; font-weight:300; font-size:22px;}
    .section-repeat-leftcontent.big .conetent-section .readmore-content{font-size:14px;}

    .sixcategory-section ul{display:table;}
	.sixcategory-section ul li{display:table-cell; width:33.333%; border-right:solid 1px #99907a; font-size:16px;}
	.sixcategory-section ul li span{ font-size:30px; display:block;}
    
    .carousel-caption-web-gallery h3{font-size:20px; border-bottom:solid 0px #f0f0f0; padding:0px 0px 0px 0px; margin:0;}
    .carousel-caption-web-gallery p{ display:none;}

    .subtitle-middle{font-size:24px;}

    
    .left-border.yellow{ position:absolute; left:-6px; top:8px; bottom:8px; width:5px; background-color:#7c0849;}
    .right-border.yellow{ position:absolute; right:-6px; top:8px; bottom:8px; width:5px; background-color:#7c0849;}

    .left-border.green{ position:absolute; left:-6px; top:8px; bottom:8px; width:5px; background-color:#7c0849;}
    .right-border.green{ position:absolute; right:-6px; top:8px; bottom:8px; width:5px; background-color:#7c0849;}

    .left-border.darkyellow{ position:absolute; left:-6px; top:8px; bottom:8px; width:5px; background-color:#7c0849;}
    .right-border.darkyellow{ position:absolute; right:-6px; top:8px; bottom:8px; width:5px; background-color:#7c0849;}

    .left-border.violet{ position:absolute; left:-6px; top:8px; bottom:8px; width:5px; background-color:#b1d2c7;}
    .right-border.violet{ position:absolute; right:-6px; top:8px; bottom:8px; width:5px; background-color:#b1d2c7;}

    .showinmobile2{ display:block;}
    .hideinmobile2{ display:none;}
    .image-history{padding:10px; margin:5px 0px;}
    .showinmobilehistory{ display:inline-block; margin:10px;}

    #preview-body {margin-top:0px; position:relative; display:table; width:100%;}
    #preview-body .picture{ position:relative; padding:0; margin:0; overflow:hidden;}    
    #preview-body .column50 {padding:2px; display:table; width:100%;}

    #preview-body .gal-item{ position:relative; padding:0; margin:0px 0px 5px 0px; width:100%; float:left;}
    #preview-body .gal-item2{ position:relative; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; width:49.5%; float:left;}
    #preview-body .gal-item3{ position:relative; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; width:49.5%; float:right;}

    #preview-body .caption-tag{  width:90%; padding:10px; top:auto; left:5%; margin-left:0; bottom:10px;}
    #preview-body .caption-tagweb{  width:90%; padding:10px; top:auto; left:5%; margin-left:0; bottom:10px;}


    .content-centered-fix-caption
        {
            position: relative;
            bottom:auto;
            width:100%;
            padding:20px;
            background-color:#989a96;
            box-shadow: 1px 2px 7px 0px rgba(0,0,0,0.90);
            color:#fff;
            font-size:20px;
            font-weight:300;
            text-align:center;
            margin:5px 0;
            top:0%;
            float:left;
        }

    .addbanner-content{
        font-size:30px;
        color:#232323;
        line-height:40px;
        width:100%;
        height:100%;
        top:0;
        right:0%;
        text-align:center;
        padding:0px 10%;
        }
    .addbanner-content.left{left:0%;}

    .on-hover-class-white{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(231,232,233,1.1);display:none;}
    .on-hover-class-yellow{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(238,180,30,1.1);display:none;}
    .on-hover-class-green{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(171,186,93,1.1);display:none;}
    .on-hover-class-brown{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(198,146,58,1.1);display:none; }
    .on-hover-class-voilet{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(174,210,197,1.1);display:none;}

    .on-hover-class-white.selected-cl{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(231,232,233,1.0);display:block; padding:20px; float:left;}
    .on-hover-class-yellow.selected-cl{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(238,180,30,1.3);display:block;padding:20px; float:left;}
    .on-hover-class-green.selected-cl{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(171,186,93,1.3);display:block;padding:20px; float:left;}
    .on-hover-class-brown.selected-cl{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(198,146,58,1.3);display:block; padding:20px; float:left;}
    .on-hover-class-voilet.selected-cl{position:relative;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background-color:rgba(174,210,197,1.3);display:block;padding:20px; float:left;}

     /******** Click Action ********/
    .clickmeactionWeB{ position:fixed; left:0; bottom:20px; z-index:999; width:0;}
    .basecoverbg-action
    {
	    background:url(../clickme/clickmebg.png) repeat #fff left top;
	    width:380px;	
	    padding:15px;
	    margin:0;	
        line-height:normal;
        float:left;
        position:relative;
        left:-380px;
    }
    .autocoverclick{ position:relative; width:100%; height:300px; overflow:auto;}
    .basecoverbg-action:after { display:none;}
    .dynamicsection-left{ float:left; width:100%; padding:0; margin:0;}

    .maintitle-click { font-size:22px; padding:2px 0px}

    .footcontent-web{float:left; width:100%; position:relative; padding:0; margin:5px 0px 0px 0px; font-size:13px;}
    .subtitle-web{ font-size:15px;}
    .staticsection-right{width:100%; float:left; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; border-top:solid 1px #ccc;}
    .companysection{ position:relative; width:48%; float:left; text-align:center; margin:1%;}
    .pic-section-web{padding:0; margin:0; float:left; width:100%;}
    .pic-section-web img{ width:120px;}
    .description-section-web{padding:0; margin:0; font-size:11px; float:left; width:100%;}
    .readmore-web{ padding:0; margin:5px 0px 0px 0px; float:left; width:100%;}
    .readmore-web img{ width:24px; border:0;}

    .topright-design{display:none;}
    .bottomright-design{display:none;}
    .bottom-design{display:none;}
    /******** Click Action end ********/
}

@media (max-width: 580px)
{

    .overlaybanner{ left:0; top:0; right:0; bottom:0;  position: absolute; z-index:1000; width:100%; height:100%; text-align:left;}
    .banner-content .centermiddlecontent {vertical-align: top; width:100%; padding-top:0px;}
    .banner-content {
        width:50%;
        margin:20px 0px 0px 0px;
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        float: left;
    }
    .bigtext{font-size:30px;}
    .bigtext span{font-size:13px; white-space:normal; display:block; border-top:solid 1px #fff; padding-top:5px;}
    .bigtext span:before
    {
        width:0%;
        height:0;
        left:0;
        top:0;
        background-color:#fff;    
	    position:relative;
        content: "";
        text-align:center;
    }
    .content-centered{font-size:18px;}
    .content-centered-white{font-size:18px;}


    .head-section{min-height:40px; height:auto;}
    .head-section .generalhead{min-height:40px; height:auto;}

    .sixcategory-section ul li{display:table-cell; width:33.333%; border-right:solid 1px #99907a; font-size:14px;}
	.sixcategory-section ul li span{ font-size:24px;}

    .subtitle-middle{font-size:20px;}

    .leftnav{display:none;}


/******** Click Action ********/
	
    .autocoverclick{ position:relative; width:100%; height:260px; overflow:auto;}

	.companysection{ position:relative; width:100%; float:left; text-align:center; margin:15px 0;}
	.companysection:first-child{ border-right:solid 0px #ccc; border-bottom:solid 1px #ccc;}
	.companysection:nth-last-child(2){ border-right:solid 0px #ccc; border-bottom:solid 1px #ccc;}
	.pic-section-web{padding:0; margin:0; float:left; width:100%;}
	.pic-section-web img{ width:120px;}
	.description-section-web{padding:0; margin:0; font-size:11px; float:left; width:100%;}
	.readmore-web{ padding:0; margin:5px 0px 0px 0px; float:left; width:100%;}
	.readmore-web img{ width:24px; border:0;}

	.topright-design{display:none;}
	.bottomright-design{display:none;}
	.bottom-design{display:none;}

    .addbanner-content{font-size:26px;color:#000; line-height:35px; }
    .addbanner-content.left{left:0%;}

	/******** Click Action end ********/
}
@media (max-width: 480px)
{
    .headersection-homepage{min-height:200px;}
    .overlaybanner{ left:0; top:0; right:0; bottom:0;  position:  absolute; z-index:1000; width:100%; height:100%; text-align:center;}
    .overlaybannerslider{ display:block; left:0; top:0; right:0; bottom:0;  position:  absolute; z-index:1000; width:100%; height:100%; text-align:center; }
    .banner-content {width:100%; margin:10px 0px;position: relative;left: 0;top: 0;height: auto;float: left;}
    .banner-content h2 {font-size:26px; margin: 0px 0px 2px 0px;}
    .banner-content p {font-size: 16px; line-height:24px;}

    .arrow-scroll {bottom:0px;}
    .showinmobile{ display:block;}
    .hideinmobile{ display:none;}

    .head-section h1{ font-size:28px; line-height:34px;}  
    .head-section .generalhead .webheader h2{ font-size:26px;}
    .conetent-section h2{font-size:20px; line-height:30px;}
    #quote-carousel .carousel-indicators {margin-bottom:10px;}
    #quote-carousel .carousel-indicators li { width:70px;  height:70px;  margin: 5px 10px;}

    .leftopen{ float:left; width:100%;}
    .rightopen{ float:left; width:100%;}
    .applynowbox-form .labeltext{width: 100%;}
    .applynowbox-form .fields{width: 100%;}
    .broucher-download ul li{margin:10px 0px;}

    .read-more-link{ text-align:center;}

     ul.whyayurveda li{padding:1%; margin:1%; width:98%;}
    .whydescription{ display:none;}

    

    .head-section .generalhead .webheader h1{ font-size:30px; margin-left:0px; padding-top:0px;}
    .head-section .generalhead .webheader h1 span {display: inline; margin-left:0px;}

    .head-section {padding:10px 10px;}

  
    /******** Click Action ********/
    .clickmeactionWeB{ position:fixed; left:0; bottom:20px; z-index:999; width:0;}
    .basecoverbg-action
    {
	    background:url(../clickme/clickmebg.png) repeat #fff left top;
	    width:320px;	
	    padding:15px;
	    margin:0;	
        line-height:normal;
        float:left;
        position:relative;
        left:-320px;
    }
    .autocoverclick{ position:relative; width:100%; height:260px; overflow:auto;}
    .basecoverbg-action:after { display:none;}
    .dynamicsection-left{ float:left; width:100%; padding:0; margin:0;}

    .maintitle-click { font-size:20px; padding:2px 0p}

    .footcontent-web{float:left; width:100%; position:relative; padding:0; margin:5px 0px 0px 0px; font-size:13px;}
    .subtitle-web{ font-size:14px;}
    .staticsection-right{width:100%; float:left; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; border-top:solid 1px #ccc;}
    .companysection{ position:relative; width:100%; float:left; text-align:center; margin:15px 0;}
    .pic-section-web{padding:0; margin:0; float:left; width:100%;}
    .pic-section-web img{ width:120px;}
    .description-section-web{padding:0; margin:0; font-size:11px; float:left; width:100%;}
    .readmore-web{ padding:0; margin:5px 0px 0px 0px; float:left; width:100%;}
    .readmore-web img{ width:24px; border:0;}

    .topright-design{display:none;}
    .bottomright-design{display:none;}
    .bottom-design{display:none;}
    /******** Click Action end ********/
}

@media (max-width:360px) 
{
    
    .banner-content {width:100%; margin:5px 0px;}
    .banner-content h2 {font-size:22px; margin: 0px 0px 2px 0px;}
    .banner-content p {font-size: 14px; line-height:20px;}

    .subtitle-middle{font-size:18px;}
	/******** Click Action ********/
	.basecoverbg-action
	{
		background:url(../clickme/clickmebg.png) repeat #fff left top;
		width:300px;	
		padding:10px;
		margin:0;	
		line-height:normal;
		float:left;
		position:relative;
		left:-300px;
	}

    
    #preview-body {margin-top:0px; position:relative; display:table; width:100%;}
    #preview-body .picture{ position:relative; padding:0; margin:0; overflow:hidden;}    
    #preview-body .column50 {padding:2px; display:table; width:100%;}

    #preview-body .gal-item{ position:relative; padding:0; margin:3px 0px; width:100%; float:left;}
    #preview-body .gal-item2{ position:relative; padding:0px 0px 0px 0px; margin:3px 0px; width:100%; float:left;}
    #preview-body .gal-item3{ position:relative; padding:0px 0px 0px 0px; margin:3px 0px; width:100%; float:right;}

    #preview-body .caption-tag{  width:90%; padding:10px; top:auto; left:5%; margin-left:0; bottom:10px;}
    #preview-body .caption-tagweb{  width:90%; padding:10px; top:auto; left:5%; margin-left:0; bottom:10px;}


/******** Click Action end ********/
}
@media (max-width:320px)
{
    .head-section h1{ font-size:26px; line-height:30px;}  
    #quote-carousel .carousel-indicators li { width:60px;  height:60px;  margin:5px;}

    /******** Click Action ********/
    .clickmeactionWeB{ position:fixed; left:0; bottom:20px; z-index:999; width:0;}
    .basecoverbg-action
    {
	    background:url(../clickme/clickmebg.png) repeat #fff left top;
	    width:270px;	
	    padding:10px;
	    margin:0;	
        line-height:normal;
        float:left;
        position:relative;
        left:-270px;
    }
    .autocoverclick{ position:relative; width:100%; height:300px; overflow:auto;}
    .basecoverbg-action:after { display:none;}
    .dynamicsection-left{ float:left; width:100%; padding:0; margin:0;}

    .maintitle-click { font-size:17px; padding:2px 0px}

    .footcontent-web{float:left; width:100%; position:relative; padding:0; margin:5px 0px 0px 0px; font-size:13px;}
    .subtitle-web{ font-size:14px;}
    .staticsection-right{width:100%; float:left; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; border-top:solid 1px #ccc;}
    .companysection{ position:relative; width:100%; float:left; text-align:center; margin:10px 0px;}
    .pic-section-web{padding:0; margin:0; float:left; width:100%;}
    .pic-section-web img{ width:120px;}
    .description-section-web{padding:0; margin:0; font-size:11px; float:left; width:100%;}
    .readmore-web{ padding:0; margin:5px 0px 0px 0px; float:left; width:100%;}
    .readmore-web img{ width:24px; border:0;}

    .topright-design{display:none;}
    .bottomright-design{display:none;}
    .bottom-design{display:none;}
    /******** Click Action end ********/
    
}