.backgroundimg
{
    /* background: url(../images/Background_Final.jpg) repeat; */
}

/* Nav bar seprator */
.navbar .divider-vertical
{
    height: 20px; /*margin: 0 9px;*/
    border-right: 0px solid #ffffff;
    border-left: 0px solid #f2f2f2;
    margin-top: 15px;
}

 .bottomNav
     {
         margin-top: 0px ! important;
     }

a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}
a:after
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}

.headsection
{
    background-color: #ffffff;
}
.login-section
{
    padding-right: 15px;
}
.login-section .btn-warning
{
    color: #000 !important;
}
.login-section .btn
{
    border-radius: 0px !important;
}
.nfc-logo
{
    padding-left: 4%;
}

.website-logo
{
    padding-left: 46%;
    padding-bottom: 5%;
}
/*.head-social-media-icon
{
    padding-top: 6%;
    padding-left: 20.7%;
    margin-top: none ! important;
}*/

.navbar-default
{
    /*
    background-color: #9c8e79 !important;
    border-color: #9c8e79 !important;
    */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    background-image: none !important;
    border-radius: 0 !important;
}
.navbar-default .navbar-nav > li > a
{
    /*color: #F9F9F9 !important;*/
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.navbar-default .navbar-nav > li > a:hover
{
    /*color: #3E2716 !important;*/
    color: #e2a856 !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.slick-menu
{
    display: none; /*no use*/
}


.btn-search
{
    background-color: #3c2700 !important;
    color: #F9F9F9 !important;
}

.search-box
{
    padding-left: 26%; /*padding-top: 8px;*/
}

/*Footer section*/
.footer
{
    padding-right: 0px;
    padding-left: 0px;
}
.footer-nav
{
    /*background-color: #3e2716;*/
    background-color: #ffffff;
    line-height: 55px;
}
.footer-nav div
{
    display: inline;
    /*border-right: 1.5px solid #3e2716;*/
    padding-right: 1%;
    padding-left: 1%;
    font-size: 16px;
    /*
    font-weight: bold !important;
    font-size: 15px !important;
    */
}
.footer-nav div:last-child
{
    border-right: none;
}
.footer-nav a
{
    text-decoration: none;
    color: black;
}
.footer-nav a:hover
{    
    color: #e2a856;
}

/*Main section*/
.home-main-section
{
    margin-top: -20px;
}

/*Silde bar*/

.side-pannel-swatch img
{
    width: 128px;
    max-width: 128px;
    max-height: 128px;
}
/*home page side pannel*/
.side-pannel
{
    background-color: #f6f0e5;
    padding: 0;
}
.side-collection-heading
{
    color: #333300;
    font-weight: bold;
    font-size: 22px;
}
.collection-heading
{
    color: #333300;
    font-weight: bold;
    line-height: 25px;
}

.featured-section
{
    padding-top: 5%;
}
.collection-section
{
    padding-top: 5%;
}
.pattern-section
{
    padding-top: 15%;
}
.feature-designer-section
{
    padding-top: 15%;
    padding-bottom: 22%;
}
.feature-designer
{
    padding-top: 5%;
}


/*Banner*/
.banner
{
    padding: 0;
    left: 0px;
}


/*News*/
.news
{
    margin-left: -4px;
    margin-right: 0;
    padding: 0;
    background-color: #fff;
    padding-bottom: 7%;
    padding-top: 3%;
}
.news-heading
{
    color: #333300;
    font-weight: bold;
    line-height: 25px;
    font-size: 23px;
}
.news-heighlight-txt
{
    color: #333300;
    font-weight: bold;
    line-height: 25px;
    font-size: 18px;
}
.read-more
{
    color: #e3a856;
    font-weight: bold;
    line-height: 25px;
    font-size: 14px;
}
.news-hr
{
    border-top: 1px solid #e3a856 !important;
    width: 24% !important;
}

.side-pannel1
{
    background-color: #f6f0e5;
    display: none;
}

/*page heading*/
.page-heading
{
    color: Black;
    font-size: 25px;
    font-weight: bold; /*float: right;     margin-right: -170px;*/
}
.page-title
{
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin-right: 100px;
    padding-top: 20px;
}
.page-sub-title
{
    font-size: 15px; /* font-weight: bold; */
    float: right;
    margin-right: 100px;
}

.help_menu_bar
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.help_menu_bar li
{
    float: left;
    width: 75px;
    height: 20px;
}
.help_menu_bar a
{
    display: block;
    width: 60px;
    background-color: #dddddd;
}


/*About Us Page */
/*.about-heading{
    color: #3e2716;
    font-size:20px;
    font-weight: bold;
    }*/
.about-hr
{
    border: 1px solid #e3a856 !important;
    width: 100% !important;
}
.about-li a
{
    color: #3e2716;
    display: inline;
    font-size: 18px;
}
.about-li a:active
{
    color: #3e2716;
    display: inline;
    font-size: 18px;
}
.about-page-heading
{
    color: #3e2716;
    font-size: 18px;
    font-weight: bold;
}
.about-page-txt
{
    color: #3e2716;
}
.top-txt a
{
    color: #e3a856;
    font-size: 17px;
    font-weight: bold;
}
.country-name-block
{
    /*    background-color: #e3a856; */ /*    background: #f1e767;     background: -moz-linear-gradient(top, #f1e767 0%, #e3a856 100%);     background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #e3a856));     background: -webkit-linear-gradient(top, #f1e767 0%, #e3a856 100%);     background: -o-linear-gradient(top, #f1e767 0%, #e3a856 100%);     background: -ms-linear-gradient(top, #f1e767 0%, #e3a856 100%);     background: linear-gradient(to bottom, #f1e767 0%, #e3a856 100%);*/
    background: #afd6d6;
    background: -moz-linear-gradient(top, #afd6d6 0%, #ffffff 0%, #afd6d6 0%, #afd6d6 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #afd6d6), color-stop(0%, #ffffff), color-stop(0%, #afd6d6), color-stop(100%, #afd6d6));
    background: -webkit-linear-gradient(top, #afd6d6 0%, #ffffff 0%, #afd6d6 0%, #afd6d6 100%);
    background: -o-linear-gradient(top, #afd6d6 0%, #ffffff 0%, #afd6d6 0%, #afd6d6 100%);
    background: -ms-linear-gradient(top, #afd6d6 0%, #ffffff 0%, #afd6d6 0%, #afd6d6 100%);
    background: linear-gradient(to bottom, #afd6d6 0%, #ffffff 0%, #afd6d6 0%, #afd6d6 100%);
}



.country-name-txt
{
    color: #fff;
    font-size: 15px;
}
/*8 jan 15 change*/
#countryGroup1
{
    display: none;
    max-height: 400px;
    overflow-y: scroll;
}
#countryGroup2
{
    display: none;
    max-height: 398px;
    overflow-y: scroll;
}
#countryGroup3
{
    display: none;
    max-height: 398px;
    overflow-y: scroll;
}

.list-group-item:first-child
{
    border-top-left-radius: 0px black !important;
    border-top-right-radius: 0px black !important;
}
a.list-group-item
{
    color: black !important;
}

/*.list-group-item:hover
{
    background-color: #6c4710 !important;
}*/
.list-group-item
{
    background-color: #F1FAFE; /* border: none !important;*/
    color: black !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 2px solid !important;
    border-color: rgb(224, 221, 221) !important; /*border-bottom: 2px solid !important;   border-color: rgb(184, 180, 180) !important;*/
}

.border-temp
{
    border-bottom-color: Blue !important;
}
.arrow-color
{
    color: Black !important;
}


.bg-container
{
    background-color: #fff;
}
.top-container
{
    margin-top: -2%;
    padding-top: 3%;
}
/*product page*/

.swatch img
{
    width: 145px;
    max-width: 145px;
    max-height: 145px;
    /*border: #333300 solid 1px;*/
}

/*tooltip hover*/
#preview
{
    position: absolute; /*border:1px solid #ccc;     background:#333;*/
    padding: 5px;
    display: none;
    color: #fff;
}

.product-heading
{
    color: #3e2716;
    font-size: 14px;
    font-weight: bold;
}
.product-sub-txt
{
    color: #3e2716;
    font-size: 14px;
}
.product-avaliable-txt
{
    color: #3e2716;
    font-size: 14px;
}
.block
{
    padding-bottom: 1%;
}
/*Product detail page*/
.product-detail-main-heading
{
    color: #3e2716;
    font-size: 20px;
    font-weight: bold;
}
.product-detail-sub-txt
{
    color: #3e2716;
    font-size: 17px;
    font-weight: bold;
}
.product-detail-avaliable-txt
{
    color: #3e2716;
    font-size: 17px;
    font-weight: bold;
}
.product-detail-txt
{
    color: #3e2716;
    font-size: 14px;
    font-weight: bold;
}
.product-detail-txt a
{
    color: #e3a856;
}
.product-detail-side-pannel
{
    background-color: white;
    padding-left: 0;
    padding-right: 0; /*    top: -20px;*/
    margin-top: -20px;
    border-style: solid;
    border-width: 1px;
    border-color:lightgray;
}

.product-finder-bg
{
    background-color: #666666;
}
.triangle
{
/*
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 147.5px 0 143.5px;
    border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
	*/
}
.product-finder-txt
{
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    font-size: 17px;
}
.product-detail-selectform
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.download-fabrics
{
    background-color: #e6b86f;
}
.product-detail-hr
{
    border: 1px lightgray solid;
    width: 64%;
}
.download-fabrics-txt
{
    color: #fff;
    font-weight: bold;
    line-height: 35px;
}
.collection-heading
{
    color: #070700;
    font-weight: bold;
    font-size: 15px;
}
.collection-prod-txt
{
    font-weight: bold;
}
.collection-prod-txt a
{
    color: black;
}
/*contact us */
.contactus-addr-heading
{
    color: #3e2716;
    font-size: 15px;
    font-weight: bold;
}

/*News page*/
.news-sub-main-heading
{
    color: #3e2716;
    font-size: 20px;
    font-weight: bold;
}
.new-page-hr
{
    border-bottom: 1px solid #3e2716;
}
.news-sub-heading
{
    color: #3e2716;
    font-size: 16px;
    font-weight: bold;
}
.news-txt
{
    color: #3e2716;
    font-size: 13px;
}
.news-read-more a
{
    color: #e3a856;
}
.newspage-side-pannel
{
    background-color: #f6f0e5;
/*	background-color: transparent;*/
    margin-top: -33px; /*    padding-bottom: 62.5%;*/
    padding-bottom: 762px;
}

/* Stonehenge page*/
.image-border
{
    border: #333300 solid 1px;
}

/*designer page */
.designers-side-pannel
{
    background-color: #f6f0e5;
    margin-top: -33px;
    padding-bottom: 334px;
}
.designers-heading
{
    color: #3e2716;
    font-size: 13px;
    font-weight: bold;
}
.designers-heading:hover
{
    color: #c60;
}

/*designer deatil page*/
.designers-detail-sub-heading
{
    color: #3e2716;
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}
.designers-main-link
{
    color: #c60;
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
}
.designers-main-link:hover
{
    color: #000;
}
.designersdetail-main-image
{
    width: 160px;
    height: 160px;
    text-align: center;
    border: #333300 solid 1px;
}
.designers-detail-content-heading
{
    color: #3e2716;
    font-weight: bold;
    font-size: 18px;
}
.designersdetail-content-href
{
    color: #c60;
    text-decoration: underline;
    font-weight: bold;
}
.designersdetail-content-href:hover
{
    color: #000;
}

.designerdetailpage-side-pannel
{
    background-color: #f6f0e5;
    margin-top: -33px;
    padding-top: 20px;
}
.designers-main-link1
{
    color: #c60;
    font-size: 15px;
}
.designers-main-link1:hover
{
    color: #000;
}

/*login page*/
.login-btn
{
    background: #f1e767;
    background: -moz-linear-gradient(top, #f1e767 0%, #e3a856 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1e767), color-stop(100%, #e3a856));
    background: -webkit-linear-gradient(top, #f1e767 0%, #e3a856 100%);
    background: -o-linear-gradient(top, #f1e767 0%, #e3a856 100%);
    background: -ms-linear-gradient(top, #f1e767 0%, #e3a856 100%);
    background: linear-gradient(to bottom, #f1e767 0%, #e3a856 100%);
    color: #fff;
    font-weight: bold;
}
.login-btn:hover
{
    color: #fff;
}

.form-link
{
    padding-bottom: 13px;
}
.form-link div
{
    display: inline;
    border-right: 1.5px solid #e3a856;
    padding-right: 1%;
    padding-left: 1%;
}
.form-link a
{
    color: #e3a856;
}
.form-link div:last-child
{
    border-right: none;
}

/*help page*/
.help-page-txt
{
    color: #3e2716;
}


/*pattern page*/
.patternpage-side-pannel
{
    background-color: #f6f0e5;
    margin-top: -33px;
}
.difficultytop
{
    /*font-weight: bold;*/
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
.difficultytop .icon
{
    display: inline-block;
    text-align: center;
    color: #000;
    line-height: 28px;
    font-size: 11pt;
    width: 29px;
    margin: 11px 11px -9px 0px;
}
.blue
{
    background: url(../images/img_bg_difficultyLevelBlue.gif) no-repeat;
}
.teal
{
    background: url(../images/img_bg_difficultyLevelTeal.gif) no-repeat;
}
.red
{
    background: url(../images/img_bg_difficultyLevelRed.gif) no-repeat;
}
.green
{
    background: url(../images/img_bg_difficultyLevelGreen.gif) no-repeat;
}
.main-image
{
    width: 128px;
    border: 1px #666 solid;
}

.difficultybottom
{
    /*    float: right;*/
    font-weight: bold;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif; /*    margin: 0px 0px -110px 0px;*/
}
.difficultybottom .icon
{
    position: absolute;
    left: 160px;
    top: -12px;
    z-index: 5;
    display: block;
    text-align: center;
    color: #000; /*  line-height: 32px;*/
    font-size: 15pt;
    width: 29px;
}
.child
{
    width: 30px;
    border: 1px #666 solid;
    margin-left: -8px;
    margin-right: 15px;
    display: inline-block; /*margin-top: 20px;*/
}
.pattern-txt
{
    font-size: 12px;
    padding-top: 5px;
}
.lyndhurst
{
    color: #64cbca;
    font-weight: bold;
}
/*pattern detail page*/
.pattern-difficulty-label
{
    font-weight: bold;
}
.pattern-difficulty-txt
{
    font-weight: bold;
    color: #c60;
}
.difficultyLevel .icon
{
    display: inline-block;
    text-align: center;
    color: #000;
    line-height: 26px;
    font-size: 15pt;
    width: 29px;
    font-family: Lucida Grande;
    margin-left: 4px;
}
.pattern-sub-heading
{
    color: #000;
    font-weight: bold;
    font-size: 12px;
    margin-top: 32px;
}
.pattern-sub-heading-color
{
    color: #c60;
    font-weight: bold;
    font-size: 16px;
}
.pattern-detail-row
{
    padding-bottom: 20px;
}
.pattern-detail-main-image
{
    width: 240px;
    max-width: 272px;
    border: 1px #666 solid;
}
.pattern-content-txt
{
    font-size: 11px;
	padding-left: 30px;
}

.patterndetailpage-side-pannel
{
    background-color: #f6f0e5;
    margin-top: -32px;
}
.patterndetail-side-pannel-heading
{
    color: #333300;
    font-weight: bold;
    font-size: 16px;
}
.pattern-detail-hr
{
    border: 1px #333300 solid;
    width: 70%;
}
.patterndetail-side-pannel-image
{
    width: auto;
    max-width: 81px;
    max-height: 103px;
    border: #333300 solid 1px;
    /*margin: 0px 0px 10px 0px;*/
}
.txtboxstyle
{
    float: right;
    margin-bottom: 11px;
    margin-top: 0px;
}
.SocialMedia1{
    width: 37px;
    height: 33px;
    vertical-align: top;
}

/* Extra css menu collapse */

@media (max-width: 1000px)
{
    .navbar-header
    {
        float: none;
    }
    .navbar-toggle
    {
        display: block;
    }
    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse
    {
        display: none !important;
    }
    .navbar-nav
    {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav > li
    {
        float: none;
    }
    .navbar-nav > li > a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in
    {
        display: block !important;
    }
    .collapsing
    {
        overflow: hidden !important;
    }
    .navbar-collapse .nav > .divider-vertical
    {
        display: none;
    }
    /*.search-box
                                            {
                                            padding-left:0;  
                                            padding-top: 0px;
                                            padding-bottom:10px;
                                            }
                                        */
}

.social_new{
    float: right;
}

/*	Less Framework 4
    http://lessframework.com
    by Joni Korpi
    License: http://opensource.org/licenses/mit-license.php	*/




@media only screen and (min-width: 1681px) and (max-width: 1920px)
{
    .news
    {
        margin-left: -4px;
        margin-right: 0;
        padding: 0;
        background-color: #fff; /*    padding-bottom: 7.2%;*/
        padding-top: 3%;
    }
    .head-social-media-icon
{
    padding-top: 6%;
    padding-left: 20.7%;
    margin-top: none ! important;
}
    .bx-viewport
    {
        padding-left: 39px !important;
    }
    .bx-wrapper .bx-prev
    {
        margin-left: -8px !important;
    }
    .feature-designer-section
    {
        /*padding-bottom: 31%;*/
        padding-bottom: 27.5%;
    }
    .read-more-txt-2
    {
        margin-right: -103%;
    }
    .read-more-txt-3
    {
        margin-right: -61%;
    }
    /*news page*/
    .newspage-side-pannel
    {
        background-color: #f6f0e5;
        margin-top: -38px;
        padding-bottom: 767px;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: -39px;
        padding-bottom: 340px;
    }
    /*pattern page*/
    .patternpage-side-pannel
    {
        margin-top: -39px;
        padding-bottom: 2765px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: -39px;
        width: 215px;
        float: right;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: -39px;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px)
{
    .head-social-media-icon
{
    padding-top: 6%;
    padding-left: 20.7%;
    margin-top: none ! important;
}
    .navbar-header
    {
        float: right;
        width: 27% !important;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .navbar-nav
    {
        float: left; /*    margin: -2% 0px 0px ! important;*/
        width: 100%;
    }
    .news
    {
        margin-left: -4px;
        margin-right: 0;
        padding: 0;
        background-color: #fff; /*    padding-bottom: 7.2%;*/
        padding-top: 3%;
    }
    /*added css on 18de14*/
    .bx-viewport
    {
        padding-left: 39px !important;
    }
    .bx-wrapper .bx-prev
    {
        margin-left: -8px !important;
    }
    .feature-designer-section
    {
        /*padding-bottom: 31%;*/
        padding-bottom: 27.5%;
    }

    .read-more-txt-2
    {
        margin-right: -103%;
    }
    .read-more-txt-3
    {
        margin-right: -61%;
    }
    /*news page*/
    .newspage-side-pannel
    {
        background-color: #f6f0e5;
        margin-top: -36px;
        padding-bottom: 765px;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: -36px;
        padding-bottom: 340px;
    }
    /*pattern page*/
    .patternpage-side-pannel
    {
        margin-top: -36px;
        padding-bottom: 2765px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: -36px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: -36px;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }

}
@media only screen and (min-width: 1366px) and (max-width: 1440px)
{
    .navbar-header
    {
        float: right;
        width: 30% !important;
    }
    .SocialMedia1
    {
        width: 35px !important;
        height: 37px !important;
        padding-bottom: 4px !important;
    }
    .head-social-media-icon
{
    padding-top: 6%;
    padding-left: 20.7%;
    margin-top: none ! important;
}

    #example-navbar-collapse
    {
        float: left !important;
    }
    .news
    {
        margin-left: -4px;
        margin-right: 0;
        padding: 0;
        background-color: #fff; /*    padding-bottom: 7.4%;*/
        padding-top: 3%;
    }
    /*added css on 18de14*/
    .bx-viewport
    {
        padding-left: 39px !important;
    }
    .bx-wrapper .bx-prev
    {
        margin-left: -8px !important;
    }
    .feature-designer-section
    {
        padding-bottom: 27.8%;
    }

    .read-more-txt-2
    {
        margin-right: -103%;
    }
    .read-more-txt-3
    {
        margin-right: -61%;
    }
    /*News page*/
    .newspage-side-pannel
    {
        background-color: #f6f0e5;
        margin-top: -33px;
        padding-bottom: 763px;
    }
    .designers-side-pannel
    {
        margin-top: -33px;
        padding-bottom: 340px;
    }
    /*pattern page*/
    .patternpage-side-pannel
    {
        margin-top: -33px;
        padding-bottom: 2765px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: -33px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: -33px;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
    /* #ul_cust
        {
                margin-top: -40px;
        }*/
}
/*new change 25 dec 14*/

@media only screen and (min-width: 1050px) and (max-width: 1080px)
{
    .head-social-media-icon
{
    padding-top: 6%;
    padding-left: 20.7%;
    margin-top: 0px ! important;
}
    .SocialMedia1
    {
        width: 35px;
        height: 37px;
        padding-bottom: 4px;
    }
    .navbar-header
    {
        float: right;
        width: 30% !important;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .search-box
    {
        padding-left: 9%;
        padding-top: 11px !important;
    }
    .head-social-media-icon
    {
        padding-top: 6%;
        padding-left: 17.7%;
    }
    /*product detail page*/
    .triangle
    {
        border-width: 20px 120.5px 0 120.5px;
    }
    .read-more-txt-2
    {
        margin-right: -68% !important;
    }
    .read-more-txt-3
    {
        margin-right: -33% !important;
    }
    .feature-designer-section
    {
        padding-top: 15% !important;
        padding-bottom: 16% !important;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1280px)
{
    .head-social-media-icon
    {
        padding-top: 6%;
        padding-left: 20.7%;
        margin-top: 0px ! important;
    }
    .SocialMedia1
    {
        width: 35px;
        height: 37px;
        padding-bottom: 4px;
    }
    .navbar-header
    {
        float: right;
        width: 28% !important;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .news
    {
        margin-left: -4px;
        margin-right: 0;
        padding: 0;
        background-color: #fff; /*    padding-bottom: 7.4%;*/
        padding-top: 3%;
    }
    /*added css on 18de14*/
    .bx-viewport
    {
        padding-left: 39px !important;
    }
    .bx-wrapper .bx-prev
    {
        margin-left: -8px !important;
    }
    .feature-designer-section
    {
        padding-top: 19%;
        padding-bottom: 25%;
    }

    .read-more-txt-2
    {
        margin-right: -103%;
    }
    .read-more-txt-3
    {
        margin-right: -61%;
    }
    /*news page*/
    .newspage-side-pannel
    {
        background-color: #f6f0e5;
        padding: 0;
        margin-top: -33px;
        padding-bottom: 761px;
    }
    /*designer page*/
    .designers-side-pannel
    {
        margin-top: -33px;
        padding-bottom: 340px;
    }
    /*pattern page*/
    .patternpage-side-pannel
    {
        margin-top: -33px;
        padding-bottom: 2765px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: -33px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: -33px;
    }
    .chk_cat
    {
        width: 50%;
        float: left;
    }
    .chk_cat1
    {
        width: 100%;
        float: left;
    }
    .head_cat
    {
        width: 10% !important;
        float: left;
    }
    .chk_content
    {
        width: 75%;
        float: left;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }

}


@media only screen and (min-width: 992px) and (max-width: 1024px)
{
    .SocialMedia1
    {
        width: 35px;
        height: 37px;
        padding-bottom: 4px;
    }

    .head-social-media-icon
    {
        padding-top: 6%;
        padding-left: 22.7% ! important;
    }
    .search-box
    {
        padding-left: 9%; /*11*/
    }

    /*.side-pannel{
                                        padding-bottom: 1%;
                                        } */
    .news
    {
        /*     padding-bottom: 15.7%;*/
        padding-bottom: 0% !important;
    }
    .top-container
    {
        margin-top: -3%;
        padding-top: 3%;
    }
    .feature-designer-section
    {
        padding-bottom: 24%;
    }

    .read-more-txt-2
    {
        margin-right: -67%;
    }
    .read-more-txt-3
    {
        margin-right: -32%;
    }
    /*product detail page*/
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 119.5px 0 119.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }

    /*news page*/
    .newspage-side-pannel
    {
        background-color: #f6f0e5;
        margin-top: -20px;
        padding-bottom: 779px;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: -20px;
        padding-bottom: 334px;
    }
    /*pattern page*/
    .difficultybottom .icon
    {
        left: 123px;
    }
    .patternpage-side-pannel
    {
        margin-top: -20px;
    }
    /*pattern page*/
    .patternpage-side-pannel
    {
        margin-top: -20px;
        padding-bottom: 3175px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: -20px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: -20px;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
}
/*		Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
    -----------------------------------------------------------------
    cols    1     2      3      4      5      6      7      8
    px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .SocialMedia1
    {
        width: 22px;
        height: 26px;
        padding-bottom: 4px;
    }
    /*   #ul_cust
        {
                margin-top: -40px;
        }*/
    .nfc-logo
    {
        display: block;
        height: 2px;
            margin-top: -10%;
    }
    
  /*  .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 600px;
        margin-top: -56px;
        padding-top: 1px;
    }*/
     .head-social-media-icon
    {
        padding-top: 6% ! important;
        padding-left: 25.7%  ! important;
        margin-top: 37px ! important;
    }
    .SocialMedia
    {
        width: 25px;
    }
    .website-logo
    {
        padding-left: 15%;
        padding-bottom: 2%;
       
    }
    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 65%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    .navbar-toggle
    {
        float: left !important;
        left: 1%;
    }
    .collection-section
    {
        padding-top: 15%;
    }
    .pattern-section
    {
        padding-top: 9%;
    }
    .feature-designer-section
    {
        padding-top: 10%;
        padding-bottom: 3%;
    }
    .footer-nav
    {
        font-size: 11px;
    }
    .news
    {
        padding-bottom: 1%;
    }
    .top-container
    {
        margin-top: -5%;
        padding-top: 4%;
    }
    .read-more-txt-2
    {
        margin-right: -27%;
    }
    /*product detail*/
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 91.5px 0 91.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }
    /*news page*/
    .newspage-side-pannel
    {
        background-color: #f6f0e5;
        padding: 0;
        margin-top: -12px;
        padding-bottom: 801px;
    }

    /*designers page*/
    .designers-side-pannel
    {
        margin-top: -12px;
        padding-bottom: 334px;
    }
    /*pattern page*/
    .difficultybottom .icon
    {
        left: 95px;
    }
    .patternpage-side-pannel
    {
        margin-top: -12px;
        padding-bottom: 3085px;
    }

    .child
    {
        margin-left: 14px;
        display: inline-block !important;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: -12px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: -12px;
    }
    .social_new{
        float: right;
        margin-top: 75px;
    }

}
/*7 jan 2015 change*/
@media only screen and (min-width: 890px) and (max-width: 900px)
{
    .feature-designer-section
    {
        padding-top: 12% !important;
        padding-bottom: 0 !important;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
}



/*		Mobile Layout: 320px.
        Gutters: 24px.
        Outer margins: 34px.
        Inherits styles from: Default Layout.
    --------------------------------------------------------------------------------
    cols    1     2      3
    px      68    160    252    */

@media only screen and (max-width: 767px)
{
    .nfc-logo
    {
        display: block;
        height: 2px;
    }
    .SocialMedia1
    {
        width: 18px;
        height: 21px;
        padding-bottom: 4px;
        margin-top: 1%;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 491px;
        padding-top: 1px;
    }*/
    .SocialMedia
    {
        width: 19px;
    }
    .website-logo
    {
        padding-left: 46%;
        padding-bottom: 2%;
        margin-left: -4%;
    }
    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 65%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    .navbar-toggle
    {
        float: left !important;
        left: 1%;
    }

    .news
    {
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #fff;
        margin-right: 1%;
    }
    .side-pannel
    {
        display: none;
    }
    .side-pannel1
    {
        display: block;
        margin-right: 1%;
    }
    .footer-nav
    {
        font-size: 10px;
        padding-left: 18%;
        padding-right: 18%;
    }
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 276.5px 0 276.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }

    .social_new{
        float: right;
        margin-top: 20px;
    }
    
    /* Addedd 04-05-2016*/
    .rightdiv, .leftdiv, .RightDiv_Height, .LeftDiv_Height
    {
        float: left;
        width: 100%;
        height: auto !important;
    }

}

@media only screen and (min-width: 730px) and (max-width: 736px)
{
    .difficultybottom .icon
    {
        left: 392px !important;
    }
    /*product detail page*/
    .triangle
    {
        border-width: 20px 358.5px 0 358.5px;
    }
    .social_new{
        float: right;
        margin-top: 40px;
    }
}

@media only screen and (min-width: 660px) and (max-width: 667px)
{
    .difficultybottom .icon
    {
        left: 355px !important;
    }
    /*product detail page*/
    .triangle
    {
        border-width: 20px 324.5px 0 324.5px;
    }
    .social_new{
        float: right;
        margin-top: 40px;
    }
}
/*new change*/

@media only screen and (min-width: 635px) and (max-width: 640px)
{
    .triangle
    {
        border-width: 20px 311.5px 0 311.5px;
    }
    .social_new{
        float: right;
        margin-top: 40px;
    }
}

@media only screen and (min-width: 630px) and (max-width: 640px)
{
    .difficultybottom .icon
    {
        left: 355px !important;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
       padding-left: 415px;
        margin-left: 7px;
        margin-top: -47px;
    }*/
   .social_new{
        float: right;
        margin-top: 40px;
    }
}
@media only screen and (min-width: 560px)and (max-width: 568px)
{
    .difficultybottom .icon
    {
        left: 315px !important;
    }
    /*product detail page*/
    .triangle
    {
        border-width: 20px 273.5px 0 273.5px;
    }
    .social_new{
        float: right;
        margin-top: 30px;
    }
}



/*extra for site*/
@media only screen and (max-width: 533px)
{
    .nfc-logo
    {
        display: block;
        height: 2px;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 405px;
        padding-top: 1px;
        margin-right: -22px ! important;
    }*/
    .news
    {
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #fff;
        margin-right: 1%;
    }
    .footer-nav
    {
        font-size: 10px;
        padding-left: 14%;
        padding-right: 14%;
    }
    .read-more-txt-2
    {
        margin-right: -15% !important;
    }

    .read-more-txt-3
    {
        margin-right: 0% !important;
    }
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 243.5px 0 243.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }

    .social_new{
        float: right;
        margin-top: 20px;
    }

}

@media only screen and (min-width: 530px)and (max-width: 533px)
{
    .difficultybottom .icon
    {
        left: 300px !important;
    }
  /*  .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 340px !important;
        margin-left: 25px !important;
        margin-top: -47px !important;
       margin-right: -22px ! important;
    }*/
    .SocialMedia1
    {
        width: 17px;
        height: 20px;
        padding-bottom: 4px;
    }
    .head-social-media-icon {
    padding-top: 7%;
    padding-left: 19.7%;
    margin-top: 35px !important;
}
.social_new{
        float: right;
        margin-top: 20px;
    }
}



/*		Wide Mobile Layout: 480px.
        Gutters: 24px.
        Outer margins: 22px.
        Inherits styles from: Default Layout, Mobile Layout.
    ------------------------------------------------------------
    cols    1     2      3      4      5
    px      68    160    252    344    436    */

/*extra for site*/
@media only screen and (max-width : 480px)
{
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 214.5px 0 214.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}
@media only screen and (min-width: 470px) and (max-width: 480px)
{
    .difficultybottom .icon
    {
        left: 270px !important;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 600px)
{
  .head-social-media-icon {
    padding-top: 6%;
    padding-left: 20.7%;
    margin-top: 35px;
}
}
@media only screen and (min-width: 603px)
{
    /*.SocialMedia1
    {
        width: 16px;
        height: 19px;
        padding-bottom: 4px;
    }
    .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 415px;
        margin-left: 7px;
        margin-top: -47px;
    }
    .SocialMedia
    {
        width: 17px;
    }*/
.head-social-media-icon {
        padding-top: 2%;
    padding-left: 22.7%;
    margin-top: 35px !important;
}
}

@media only screen and (min-width: 480px) and (max-width: 766px)
{
.head-social-media-icon {
        padding-top: 0%;
    padding-left: 20.7%;
   
}
    .nfc-logo
    {
        display: block;
        height: 2px;
    }
    .imageWidth
    {
        width: 50px;
    }

    .navbar-toggle
    {
        float: left !important;
        left: 1%;
    }
    .company-profile-img-1
    {
        padding-bottom: 2%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    .read-more-txt-2
    {
        margin-right: -32%;
    }
    .read-more-txt-3
    {
        margin-right: -4%;
    }
    .top-container
    {
        margin-top: -4%;
        padding-top: 3%;
    }
    .space-right
    {
        margin-right: -15px !important;
    }
    /*news page*/
    .newspage-side-pannel
    {
        margin-top: 0;
        padding-bottom: 4%;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    /*pattern page*/
    .difficultybottom .icon
    {
        left: 325px;
    }
    .patternpage-side-pannel
    {
        margin-top: 0px;
    }

    .child
    {
        margin-left: 110px;
        display: inline-block !important;
    }
    /*product detail page */
    .product-detail-side-pannel
    {
        margin-top: 0px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: 0px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: 0px;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}

/*extra for site*/
@media only screen and (max-width : 414px)
{
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 183.5px 0 183.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent;
    }
    .SocialMedia
    {
        width: 14px !important;
    }
    .SocialMedia1
    {
        width: 14px !important;
        height: 15px !important;
        padding-bottom: 4px !important;
        margin-bottom: -2px;
    }
    .website-logo
    {
        float: right;
    margin-right: -33%;
    width: 100px;
    }
    .head-social-media-icon
    {
            padding-left: 67px;
    padding-top: 17px;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}
/*extra for site*/
@media only screen and (max-width: 375px)
{
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 144.5px 0 179.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent;
    }
    /* .head-social-media-icon
        {
               display: block;
        float: left;
        padding-left: 123px;
        
        margin-left: 11px;
        padding-top: 1px;
        }
          .head-social-media-icon
    {
       padding-top: 6%;
    padding-left: 18.7%;
    margin-left: 48%;
    margin-top: -16%;
    }*/
    .SocialMedia
    {
        width: 14px !important;
    }
 /*   .SocialMedia1
    {
       width: 10px !important;
height: 9px !important;
padding-bottom: 1px !important;
float: right;
margin-top: -21%;
margin-right: -9px;
}*/
.head-social-media-icon {
    padding-top: 6%;
    padding-left: 21.7%;
}
    .SocialMedia1 {
    width: 14px !important;
    height: 15px !important;
    padding-bottom: 4px !important;
    margin-bottom: -2px;
    vertical-align: middle;
}
    .website-logo
    {
        float: right;
    margin-right: -33%;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 479px)
{
    .nfc-logo
    {
        display: block;
    }
    .SocialMedia1
    {
            width: 14px;
            height: 15px;
            padding-bottom: 3px;
            margin-top: 1%;
            vertical-align: middle;
    }
    .imageWidth
    {
        width: 40px;
    }
  /*  .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 220px;
        margin-left: 15px;
        margin-top: -33px;
        padding-top: 1px;
        margin-right: -30px;
    }*/
    .SocialMedia
    {
        width: 14px;
    }
    .navbar-toggle
    {
        float: left !important;
        left: 1%;
    }
    .footer-nav
    {
        font-size: 10px;
        padding-left: 4%;
        padding-right: 4%;
    }
    .company-profile-img-1
    {
        padding-bottom: 2%;
    }

    .top-container
    {
        margin-top: -5%;
        padding-top: 5%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 69%;
        margin-left: -10%;
    }

    .read-more-txt-2
    {
        margin-right: 0% !important;
    }
    .space-right
    {
        margin-right: -15px !important;
    }

    /*news page*/
    .newspage-side-pannel
    {
        margin-top: 0;
        padding-bottom: 4%;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    /*pattern page*/
    .difficultybottom .icon
    {
        left: 225px;
    }
    .patternpage-side-pannel
    {
        margin-top: 0px;
    }
    .child
    {
        margin-left: 90px;
        display: inline-block !important;
    }
    /*product detail page*/
    .product-detail-side-pannel
    {
        margin-top: 0px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: 0px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: 0px;
    }

    .social_new{
        float: right;
        margin-top: 20px;
    }
}

/*extra for site*/
@media only screen and (max-width: 360px)
{
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 157.5px 0 158.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 210px !important;
        margin-left: 15px !important;
        padding-top: 1px;
        margin-top: -27px;
            margin-right: -30px;
    }*/
    .SocialMedia1
    {
        width: 14px;
        height: 17px;
        padding-bottom: 3px;
        vertical-align: middle;
    }
.head-social-media-icon {
    padding-top: 6%;
    padding-left: 18.7%;
}
.social_new{
        float: right;
        margin-top: 20px;
    }
}
/*extra for site*/
@media only screen and (max-width: 320px)
{
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 137.5px 0 134.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }
     .head-social-media-icon
    {
       padding-top: 6%;
    padding-left: 16.7%;
    margin-left: 50%;
    margin-top: -14%;
    }
    .nfc-logo
    {
        display: block;
        height: 2px;
    }
    .imageWidth
    {
        width: 40px;
    }
    .website-logo {
    float: right;
    margin-right: -8%;
}
      /*  .head-social-media-icon
    {
       padding-top: 6%;
    padding-left: 18.7%;
    margin-left: 48%;
    margin-top: -16%;
    }
  .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 205px !important;
        margin-left: 13px !important;
        padding-top: 1px;
        margin-top: -27px;
    }*/
    .SocialMedia
    {
        width: 11px !important;
    }
    .SocialMedia1 {
    width: 10px !important;
    height: 13px !important;
    padding-bottom: 4px !important;
    margin-bottom: -1px;
    vertical-align: middle;
}
    .footer-nav
    {
        font-size: 1px;
        padding-left: 0%;
        padding-right: 0%;
    }
    .company-profile-img-1
    {
        padding-bottom: 2%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 75%;
        margin-left: -10%;
    }
    .read-more-txt-2
    {
        margin-right: 0% !important;
    }
    .top-container
    {
        margin-top: -6%;
        padding-top: 3%;
    }
    .space-right
    {
        margin-right: -15px !important;
    }
    /*news page*/
    .newspage-side-pannel
    {
        margin-top: 0;
        padding-bottom: 4%;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    /*pattern page*/
    .difficultybottom .icon
    {
        left: 195px;
    }
    .patternpage-side-pannel
    {
        margin-top: 0px;
    }

    .child
    {
        margin-left: 45px;
        display: inline-block !important;
    }
    /*product detail page*/
    .product-detail-side-pannel
    {
        margin-top: 0px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: 0px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: 0px;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 359px)
{
    .nfc-logo
    {
        display: Block;
    }
    .imageWidth
    {
        width: 40px;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 178px !important;
        margin-left: 13px !important;
        padding-top: 1px;
        margin-top: -27px;
    }*/
    .NorthcottLogo
    {
            margin-right: -35%;
    }
    
    .SocialMedia
    {
        width: 19px;
    }
    .footer-nav
    {
        font-size: 1px;
        padding-left: 0%;
        padding-right: 0%;
    }
    .company-profile-img-1
    {
        padding-bottom: 2%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 75%;
        margin-left: -10%;
    }
    .read-more-txt-2
    {
        margin-right: 0% !important;
    }
    .top-container
    {
        margin-top: -6%;
        padding-top: 3%;
    }
    .space-right
    {
        margin-right: -15px !important;
    }
    /*news page*/
    .newspage-side-pannel
    {
        margin-top: 0;
        padding-bottom: 4%;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    /*pattern page*/
    .difficultybottom .icon
    {
        left: 195px;
    }
    .patternpage-side-pannel
    {
        margin-top: 0px;
    }

    .child
    {
        margin-left: 45px;
        display: inline-block !important;
    }
    /*product detail page*/
    .product-detail-side-pannel
    {
        margin-top: 0px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: 0px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: 0px;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 241px) and (max-width: 319px)
{
    .nfc-logo
    {
        display: none;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 11px !important;
        padding-top: 1px;
    }*/
    .head-social-media-icon {
    padding-top: 7%;
    padding-left: 11.7%;
}
    .company-profile-img-1
    {
        padding-bottom: 2%;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }
    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 80%;
        margin-left: -10%;
    }
    .read-more-txt-2
    {
        margin-right: 0% !important;
    }
    .top-container
    {
        margin-top: -8%;
        padding-top: 3%;
    }
    .space-right
    {
        margin-right: -15px !important;
    }
    /*news page*/
    .newspage-side-pannel
    {
        margin-top: 0;
        padding-bottom: 4%;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    /*pattern page */
    .patternpage-side-pannel
    {
        margin-top: 0px;
    }
    /*product detail page */
    .product-detail-side-pannel
    {
        margin-top: 0px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: 0px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: 0px;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 176px) and (max-width: 240px)
{
    .nfc-logo
    {
        display: none;
    }
   /* .head-social-media-icon
    {
        display: block;
        float: left;
        padding-left: 11px !important;
        padding-top: 1px;
    }*/
    .read-more-txt-2
    {
        margin-right: 0% !important;
    }
    img.imgg-responsive
    {
        display: block;
        max-width: 100%;
    }
    .colmn-md-3
    {
        width: 30%;
    }

    img.img-responsive
    {
        display: block;
        max-width: 100%;
    }
    .coln-md-3
    {
        width: 80%;
        margin-left: -10%;
    }
    .top-container
    {
        margin-top: -8%;
        padding-top: 3%;
    }
    .space-right
    {
        margin-right: -15px !important;
    }
    .triangle
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 111.5px 0 111.5px;
        border-color: rgba(59, 189, 189, 0.59) transparent transparent transparent;
    }
    /*news page*/
    .newspage-side-pannel
    {
        margin-top: 0;
        padding-bottom: 4%;
    }
    /*designers page*/
    .designers-side-pannel
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    /*pattern page */
    .patternpage-side-pannel
    {
        margin-top: 0px;
    }
    /*product detail page */
    .product-detail-side-pannel
    {
        margin-top: 0px;
    }
    /*pattern detail page */
    .patterndetailpage-side-pannel
    {
        margin-top: 0px;
    }
    /*designer detail page*/
    .designerdetailpage-side-pannel
    {
        margin-top: 0px;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}


/*margin for row*/
.space-right
{
    margin-right: 0px;
}
.spaceleft
{
    margin-left: 0px;
}

/*padding for row */
.voffset
{
    margin-top: 2px;
}
.voffset1
{
    margin-top: 5px;
}
.voffset2
{
    margin-top: 10px;
}
.voffset3
{
    margin-top: 15px;
}
.voffset4
{
    margin-top: 30px;
}
.voffset5
{
    margin-top: 40px;
}
.voffset6
{
    margin-top: 60px;
}
.voffset7
{
    margin-top: 80px;
}
.voffset8
{
    margin-top: 100px;
}
.voffset9
{
    margin-top: 150px;
}

/* bhushan*/


@media (max-width: 1000px)
{
    .navbar-collapse.collapse.in
    {
        position: relative;
        width: 100%;
        z-index: 9999;
        background-color: rgb(156, 142, 121);
    }

    .custom-nav .navbar-collapse.collapse.in
    {
        z-index: 9990;
        background-color: rgb(253, 253, 253);
        border: 1px solid rgb(157, 157, 157);
        border-top: none;
        overflow: hidden;
    }
    #ContentPlaceHolderBody_customNav
    {
        padding-left: 15px;
    }
    #ContentPlaceHolderBody_customNavMain
    {
        margin: 0px !important;
    }

    .top-container
    {
        margin-top: 0px;
    }
}

.mfp-close
{
    cursor: pointer !important;
}

.swatch-selected
{
    border: 2px solid #000;
    box-shadow: 0 5px 50px #800020;
}


























/*===========================================================*/

#wrapper
{
    margin: 10px;
}

/* BEGIN: ????? ????? */
.tabs, .sub-tabs
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 85%;
}

.tabs li
{
    background-color: #3E454D;
    cursor: pointer;
    position: relative;
    transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-transition: background-color .5s; /* IE lt 10, Chrome lt 1, Opera lt 11.6, Safari lt 3, FF lt 4, Android lt 2.1 ? iOS lt 2.0 ?? ???????????? transition. */
}

.tabs li:active
{
    background-color: #353B41 !important; /* .menu > li.home ????? ????? ?????? ??????????.???????. */
}

.tabs a
{
    color: #FFF;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 17px;
    height: 100%;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    word-wrap: break-word;
}

.tabs a:active
{
    /* ?????? ?? ???????? a:hover. */
    color: #FFF;
}
/* END: ????? ????? */

/* BEGIN: ??????? ???? */
.tabs
{
    /* ????????????? ?????? ?????? ???????? ???? ?????? ??????. */
    height: 40px;
}

.tabs > li
{
    float: left;
    height: 100%;
    width: 10%; /* ??????? ??????? ?? ???????????? calc. */
    width: calc((100% - 90px) / 5);
    width: -moz-calc((100% - 90px) / 5);
    width: -webkit-calc((100% - 90px) / 5);
    /*background-color: cadetblue;  IE lt 9, Chrome lt 19, Opera lt 15, Safari lt 6, FF lt 4, Android ? iOS ?? ???????????? calc. 
	background-color:#b3b3b3;*/
    background-color:#3987b7;	
}
.designertabs > li
{
    float: left;
    height: 100%;
    width: 10%; /* ??????? ??????? ?? ???????????? calc. */
    width: calc((100% - 90px) / 2);
    width: -moz-calc((100% - 90px) / 2);
    width: -webkit-calc((100% - 90px) / 2);
    background-color: cadetblue; /* IE lt 9, Chrome lt 19, Opera lt 15, Safari lt 6, FF lt 4, Android ? iOS ?? ???????????? calc. */
}

.tabs > li.home
{
    background: #3E454D url(http://s26.postimg.org/qbf4q4j9h/home.png) center no-repeat;
    width: 90px;
}

.tabs > li.current
{
    background-color: #F2762E !important; /* !important VS .menu li:hover */
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important; /* IE lt 9, Chrome lt 1, Opera lt 10.5, Safari lt 3, FF lt 3.5, Android lt 2.1 ? iOS lt 2.0 ?? ???????????? box-shadow. */
}

.tabs > li:not(:first-child)
{
/*
    box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
    -moz-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
    -webkit-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
	*/
}

.tabs > li.home > a
{
    color: transparent !important;
}

.tabs > li > a > span
{
    left: 0; /* ???????? .menu a ??????????? ?????????? ?? ??????, ??-?? ???? span ?????????? ?? ??????. ??????????. */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); /* IE lt 9, Chrome lt 5, Opera lt 10.5, Safari lt 3.1, FF lt 3.5, Android lt 2.1 ? iOS lt 2.0 ?? ???????????? transform. */
}
/* END: ??????? ???? */

/* BEGIN: ??????? */
.sub-tabs
{
    max-height: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: max-height .5s .2s;
    -moz-transition: max-height .5s .2s;
    -o-transition: max-height .5s .2s;
    -webkit-transition: max-height .5s .2s;
}

li:hover > .sub-tabs
{
    max-height: 600px;
}

.sub-tabs li
{
    height: 60px;
}

.sub-tabs a
{
    line-height: 60px;
    transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    -webkit-transition: color .5s;
    white-space: nowrap;
}

.sub-tabs li.current a, .sub-tabs a:active
{
    color: #F2762E !important; /* !important VS .menu a:hover */
}


/* END: ??????? */













/*===========================================================*/






.error-Div
{
    padding: 10px;
    color: Red;
}
.lblBold
{
    font-weight: bold;
}
.newMainDiv
{
    padding-bottom: 60px;
}
.news_Details
{
    background-color: White;
}
.black_dot
{
    color: Black;
}
.contactus
{
    color: Red;
}
.designerfab_swatch img
{
    width: 195px;
    max-width: 195px;
    max-height: 195px;
    border: #333300 solid 1px;
    margin-top: 20px;
    margin-left: 25px;

    /*
    width: 95px;
    max-width: 95px;
    max-height: 95px;
    border: #333300 solid 1px;
    margin-top: 20px;
    */
}
.country_block
{
    height: 30px;
    text-align: center;
    padding-top: 3px;
}
.name
{
    padding-left: 15px;
}










/*---------------------------------------------------------------*/

@media only screen and (min-width: 1366px)
{
    /*------------------------persanol info----------------*/
    #lblFname1
    {
        float: right !important;
        margin-right: -53%;
    }
    #lbllname
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblEmailAddress
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCompanyName
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCompanyNumber
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblAddress1
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblAddress2
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCity
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblState
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblZipPo
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblPhone
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblFax
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblEmail2
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblWebsite
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCantact
    {
        float: right !important;
        margin-right: -53%;
    }
     #lblItemPendingReminderEmail
    {
        float: right !important;
        margin-right: -53%;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
        margin-left: 48%;
    }
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 64px 0 -3px 202px;
    }

    /*------------------------reset password----------------*/
    #lblEmail
    {
        float: right !important;
        margin-right: 8%;
    }
    #lblNewPassword
    {
        float: right !important;
        margin-right: 8%;
    }
    #lblConNewPassword
    {
        float: right !important;
        margin-right: 8%;
    }
    /*------------------------forgot password----------------*/
    #lblEmailf
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCustomerNumberf
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCountryf
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblConfirmNewPassword
    {
        float: right !important;
        margin-right: 7% !important;
    }
    /*------------------------retailer-registration----------------*/
    #lblcustno
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCountry
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblPostal
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblFname
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblLname
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblEmail
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCreatePass
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblConfrmPass
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblwould
    {
        float: right !important;
        margin-right: 6% !important;
    }


    #lblCompanyName1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblCompanyNumber
    {
        float: right !important;
    }
    #lblAddress11
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblAddress21
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblCity1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblState1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblZipPo1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblphone
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblfax
    {
        float: right !important;
        margin-right: 6%;
    }

    #lblweb
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblcont
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblItemPendingReminderEmailEdit
    {
        float: right !important;
        margin-right: 6%;
    }
}


@media only screen and (min-width: 1001px) and (max-width: 1365px)
{
    /*------------------------reset password----------------*/
    #lblEmail
    {
        float: right !important;
        margin-right: 8%;
    }
    #lblNewPassword
    {
        float: right !important;
        margin-right: 8%;
    }
    #lblConNewPassword
    {
        float: right !important;
        margin-right: 8%;
    }
    /*------------------------forgot password----------------*/


    #lblEmailf
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCustomerNumberf
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCountryf
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblConfirmNewPassword
    {
        float: right !important;
        margin-right: 7% !important;
    }
    /*------------------------retailer-registration----------------*/
    #lblcustno
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCountry
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblPostal
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblFname
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblLname
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblEmail
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblCreatePass
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblConfrmPass
    {
        float: right !important;
        margin-right: 6% !important;
    }
    #lblwould
    {
        float: right !important;
        margin-right: 6% !important;
    }
    /*------------------------persanol info----------------*/
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 64px 0 -3px 202px;
    }
    #lblFname1
    {
        float: right !important;
        margin-right: -53%;
    }
    #lbllname
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblEmailAddress
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCompanyName
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCompanyNumber
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblAddress1
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblAddress2
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCity
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblState
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblZipPo
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblPhone
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblFax
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblEmail2
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblWebsite
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblCantact
    {
        float: right !important;
        margin-right: -53%;
    }
    #lblItemPendingReminderEmail
    {
        float: right !important;
        margin-right: -53%;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
        margin-left: 48%;
    }
    #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
        margin-left: 48%;
    }
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 64px 0 -3px 202px;
    }


    /*------------------------reset password----------------*/
    #lblEmail
    {
        float: right !important;
        margin-right: 8%;
    }
    #lblNewPassword
    {
        float: right !important;
        margin-right: 8%;
    }
    #lblConNewPassword
    {
        float: right !important;
        margin-right: 8%;
    }



    #lblCompanyName1
    {
        float: right !important;
    }
    #lblCompanyNumber
    {
        float: right !important;
    }
    #lblAddress11
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblAddress21
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblCity1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblState1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblZipPo1
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblphone
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblfax
    {
        float: right !important;
        margin-right: 6%;
    }

    #lblweb
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblcont
    {
        float: right !important;
        margin-right: 6%;
    }
    #lblItemPendingReminderEmailEdit
    {
        float: right !important;
        margin-right: 6%;
    }
    .navbar-header
    {
        float: right;
        width: 30% !important;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .chk_cat
    {
        width: 17%;
        float: left;
        margin-bottom: 10px;
    }
    /*#chk_cat1
        {
                width: 23% ! important;
                display: -webkit-inline-box;
        }*/
    .chk_cat1
    {
        width: 25%;
        float: left;
        margin-bottom: 10px;
    }
    #chk_content1
    {
        margin-top: 10px;
    }
    .head_cat
    {
        width: 10%;
        float: left;
    }
    .chk_content
    {
        width: 90%;
        float: left;
    }
}
@media only screen and (min-width: 800px)
{
    /*------------------------forgot password----------------*/
    #lblCanda
    {
        float: left !important;
        margin-left: 16% !important;
        margin-top: -6% !important;
    }
    #lblUS
    {
        float: left !important;
        margin-left: 40% !important;
        margin-top: -9% !important;
    }
    /*------------------------retailer-registration----------------*/


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



    /*------------------------forgot password----------------*/

    #lblCanda
    {
        float: left !important;
        margin-left: 16% !important;
        margin-top: -6% !important;
    }
    #lblUS
    {
        float: left !important;
        margin-left: 40% !important;
        margin-top: -9% !important;
    }
    /*------------------------persanol-info----------------*/
    .col-sm-12
    {
        width: none !important;
    }
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 64px 0 -3px 202px;
    }
    #lblFname1
    {
        float: right !important;
    }
    #lbllname
    {
        float: right !important;
    }
    #lblEmailAddress
    {
        float: right !important;
    }
    #lblCompanyName
    {
        float: right !important;
    }
    #lblCompanyNumber
    {
        float: right !important;
    }
    #lblAddress1
    {
        float: right !important;
    }
    #lblAddress2
    {
        float: right !important;
    }
    #lblCity
    {
        float: right !important;
    }
    #lblState
    {
        float: right !important;
    }
    #lblZipPo
    {
        float: right !important;
    }
    #lblPhone
    {
        float: right !important;
    }
    #lblFax
    {
        float: right !important;
    }
    #lblEmail2
    {
        float: right !important;
    }
    #lblWebsite
    {
        float: right !important;
    }
    #lblCantact
    {
        float: right !important;
    }
    #lblItemPendingReminderEmail
    {
        float: right !important;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
    }
    #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
    }
    .chk_cat
    {
        /* width: 17%;*/
        float: left;
        margin-bottom: 10px;
    }
    /* #chk_cat1
        {
                width: 41%;
                display: -webkit-inline-box;
        }*/
    .chk_cat1
    {
        /*width: 25%;*/
        float: left;
        margin-bottom: 10px;
    }
    #chk_content1
    {
        margin-top: 10px;
    }
    .head_cat
    {
        width: 15%;
        float: left;
    }
    .chk_content
    {
        width: 85%;
        float: left;
    }

}

@media only screen and (min-width: 600px)
{
    /*------------------------forgot password----------------*/
    #lblCanda
    {
        float: left !important;
        margin-left: 16% !important;
        margin-top: -7% !important;
    }
    #lblUS
    {
        float: left !important;
        margin-left: 40% !important;
        margin-top: -11% !important;
    }
    /*------------------------persanol-info----------------*/
    #buttn
    {
    }
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 64px 0 -3px 202px;
    }
    #lblFname1
    {
        float: right !important;
    }
    #lbllname
    {
        float: right !important;
    }
    #lblEmailAddress
    {
        float: right !important;
    }
    #lblCompanyName
    {
        float: right !important;
    }
    #lblCompanyNumber
    {
        float: right !important;
    }
    #lblAddress1
    {
        float: right !important;
    }
    #lblAddress2
    {
        float: right !important;
    }
    #lblCity
    {
        float: right !important;
    }
    #lblState
    {
        float: right !important;
    }
    #lblZipPo
    {
        float: right !important;
    }
    #lblPhone
    {
        float: right !important;
    }
    #lblFax
    {
        float: right !important;
    }
    #lblEmail2
    {
        float: right !important;
    }
    #lblWebsite
    {
        float: right !important;
    }
    #lblCantact
    {
        float: right !important;
    }
    #lblItemPendingReminderEmail
    {
        float: right !important;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
    }
    #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
    }
}
@media only screen and (min-width: 603px)
{
    /*------------------------forgot password----------------*/
    #lblCanda
    {
        float: left;
        margin-left: 16%;
        margin-top: -7%;
    }
    #lblUS
    {
        float: left;
        margin-left: 40%;
        margin-top: -11%;
    }
    /*------------------------retailer-registration----------------*/

}


@media only screen and (min-width: 414px)
{
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 0px 0px 0px 0px;
    }

}
@media only screen and (min-width: 375px)
{
    #div1
    {
        solid: 1px #3E2716;
        margin-top: 1px !important;
        background-color: #f7ecdd;
        padding: 10px;
        margin: 0px 0px 0px 0px;
    }
    #lblFname1
    {
        float: right !important;
    }
    #lbllname
    {
        float: right !important;
    }
    #lblEmailAddress
    {
        float: right !important;
    }
    #lblCompanyName
    {
        float: right !important;
    }
    #lblCompanyNumber
    {
        float: right !important;
    }
    #lblAddress1
    {
        float: right !important;
    }
    #lblAddress2
    {
        float: right !important;
    }
    #lblCity
    {
        float: right !important;
    }
    #lblState
    {
        float: right !important;
    }
    #lblZipPo
    {
        float: right !important;
    }
    #lblPhone
    {
        float: right !important;
    }
    #lblFax
    {
        float: right !important;
    }
    #lblEmail2
    {
        float: right !important;
    }
    #lblWebsite
    {
        float: right !important;
    }
    #lblCantact
    {
        float: right !important;
    }
    #lblItemPendingReminderEmail
    {
        float: right !important;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
    }
    #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
    }

}
/*-------------------------------------------*/
.fab-loc-td
{
    width: 125px;
}
.asterisk_input:after
{
    content: " *";
    color: #e32;
    position: absolute;
    margin: 0px 0px 0px 93%;
    font-size: x-large;
    padding: 0 5px 0 0;
}
/*----------------8-05-2015----------------*/
.new-image
{
    float: left;
    padding-left: 3%;
    padding-top: 1%;
}

.triangle-up
{
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 15px solid #fff;
    position: relative;
    right: -164px;
    top: -28px;
}
.triangle-lower
{
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 16px solid rgb(224, 221, 221);
    position: relative;
    right: -162px;
    top: -14px;
}

img.triangle-img
{
    float: right !important;
    padding-right: 3% !important;
    margin-top: 1% !important;
}

/*-------------------------------(Ravi 11-5-15)-----------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1300px)
{
     .btns
        {
            padding-right: 37px; 
            padding-bottom: 20px; 
            padding-top: 24px;
        }
         .btnsize
       {
           width: 142px;
          height: 57px;
       }
    /*------------------------news----------------*/
    .tabs > li
    {
        width: 14%;
    }
    /*--------------------pattern------------------*/
    #ContentPlaceHolderBody_chkAdvanced
    {
        margin-left: 0px;
    }
    .chk_cat
    {
        width: 30%;
        float: left;
    }

    .chk_cat
    {
        width: 50%;
        float: left;
    }
    .chk_cat1
    {
        width: 50%;
        float: left;
    }
    .head_cat
    {
        width: 20%;
        float: left;
    }
    .chk_content
    {
        width: 80%;
        float: left;
    }
    #ContentPlaceHolderBody_designer_li
    {
        width: 48%;
    }
    #ContentPlaceHolderBody_PatternDesigner_li
    {
        width: 48%;
    }
    .tabs a
    {
        font-size: 13px;
    }
    /*--------------------main master-------------------*/
    .txtboxstyle
    {
        width: 220px;
        float: right;
    }
    .txtdiv
    {
        padding-left: 0px !important;
        float: right;
        width: 25%;
        padding-top: 10px;
    }
    .navbar-nav
    {
        float: left;
        margin: 0px; /*    margin-top: -4%;*/
    }
    .navbar-header
    {
        float: right;
        width: 30%;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .navbar-nav
    {
        float: left; /*    margin: -6% 0px 0px;*/
    }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
    {
        margin-left: -1px;
        margin-top: -12px;
    }
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    
    .btns
        {
            padding-right: 25px; 
            padding-bottom: 20px; 
            padding-top: 24px;
        }
         .btnsize
       {
           width: 142px;
          height: 57px;
       }
       .btn_featured
        {
            background: url("images/featured-in2.png") !important;
            border-bottom-width:100%
        }
        .btn_whats_new
        {
            background: url("images/whats_new1.png") !important;
             border-bottom-width:100%
        }
        .btn_contest
        {
            background: url("images/contests1.png") !important;
             border-bottom-width:100%
        }
        .btn_ads
        {
            background: url("images/ads-button2.png") !important;
             border-bottom-width:100%
        }
        .btn_allNews
        {
            background: url("images/all-news2.png") !important;
             border-bottom-width:100%
        }
      
    /*--------------------search------------------*/
    .search
    {
        width: 100%;
        float: left;
    }

    #ContentPlaceHolderBody_product_li
    {
        width: 20%;
        float: left;
    }
    #ContentPlaceHolderBody_pattern_li
    {
        width: 20%;
        float: left;
    }
    #ContentPlaceHolderBody_news_li
    {
        width: 20%;
        float: left;
    }
    ContentPlaceHolderBody_designer_li
    {
        width: 20%;
        float: left;
    }
    ContentPlaceHolderBody_help_li
    {
        width: 20%;
        float: left;
    }
    /*--------------------news------------------*/
    .tabs > li
    {
        width: 14%;
    }
    /*--------------------Help------------------*/
    #FAQ
    {
        width: 22%;
    }
    #Video
    {
        width: 22%;
    }
    #Contact
    {
        width: 22%;
    }


    /*--------------------pattern------------------*/
    #ContentPlaceHolderBody_chkIntermediate
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkIsVideo
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkBiginner
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkConfidentBeginner
    {
        margin-left: 0px;
    }
    .chk_cat
    {
        width: 50%;
        float: left;
    }
    .chk_cat1
    {
        width: 50%;
        float: left;
    }
    .head_cat
    {
        width: 20%;
        float: left;
    }
    .chk_content
    {
        width: 80%;
        float: left;
    }
    /*--------------------designer------------------*/
    #ContentPlaceHolderBody_designer_li
    {
        width: 48%;
    }
    #ContentPlaceHolderBody_PatternDesigner_li
    {
        width: 48%;
    }
    .tabs a
    {
        font-size: 12px;
    }
    /*--------------------main master-------------------*/
    .txtboxstyle
    {
        width: 240px;
        float: right;
/*        margin-top: -12%;*/
    }
    .txtdiv
    {
        padding-left: 376px !important;
        float: left;
        width: 25%;
        padding-top: 5px !important;
    }
    .navbar-header
    {
        float: right;
        width: 100%;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
    {
        margin-left: -1px;
        margin-top: -14px;
    }

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
--------------------------------------------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px)
{
    /*--------------------search------------------*/
    .search
    {
        width: 100%;
        float: left;
    }

    #ContentPlaceHolderBody_product_li
    {
        width: 20%;
        float: left;
    }
    #ContentPlaceHolderBody_pattern_li
    {
        width: 20%;
        float: left;
    }
    #ContentPlaceHolderBody_news_li
    {
        width: 20%;
        float: left;
    }
    ContentPlaceHolderBody_designer_li
    {
        width: 20%;
        float: left;
    }
    ContentPlaceHolderBody_help_li
    {
        width: 20%;
        float: left;
    }
    /*--------------------news------------------*/
    .tabs > li
    {
        width: 14%;
    }
    /*--------------------Help------------------*/
    #FAQ
    {
        width: 22%;
    }
    #Video
    {
        width: 22%;
    }
    #Contact
    {
        width: 22%;
    }

    /*--------------------pattern------------------*/
    #ContentPlaceHolderBody_chkIntermediate
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkIsVideo
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkConfidentBeginner
    {
        margin-left: 0px;
    }
    .chk_cat
    {
        width: 35%;
        float: left;
    }
    .head_cat
    {
        width: 20%;
        float: left;
    }
    /*--------------------main master-------------------*/
    .txtboxstyle
    {
        width: 200px;
        float: right;
        margin-bottom: 18px;
/*        margin-top: -18px;*/
    }
    .txtdiv
    {
        padding-left: 0px !important;
        float: left;
        width: 25%;
        padding-top: 10px;
    }
    .navbar-header
    {
        float: right;
        width: 100%;
    }
    #example-navbar-collapse
    {
        float: left !important;
    }
    .navbar-nav
    {
        float: left;
        margin: 0px; /*    margin-top: -3%;*/
    }
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
    {
        margin-left: -1px;
        margin-top: -12px;
    }
    .social_new{
        float: right;
        margin-top: 40px;
    }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px)
{
.btns
        {
               padding-right: 215px;
            padding-bottom: 20px; 
            padding-top: 24px;
        }
         .btnsize
       {
           width: 142px;
          height: 57px;
       }
    #lblFname1
    {
        float: right !important;
    }
    #lbllname
    {
        float: right !important;
    }
    #lblEmailAddress
    {
        float: right !important;
    }
    #lblCompanyName
    {
        float: right !important;
    }
    #lblCompanyNumber
    {
        float: right !important;
    }
    #lblAddress1
    {
        float: right !important;
    }
    #lblAddress2
    {
        float: right !important;
    }
    #lblCity
    {
        float: right !important;
    }
    #lblState
    {
        float: right !important;
    }
    #lblZipPo
    {
        float: right !important;
    }
    #lblPhone
    {
        float: right !important;
    }
    #lblFax
    {
        float: right !important;
    }
    #lblEmail2
    {
        float: right !important;
    }
    #lblWebsite
    {
        float: right !important;
    }
    #lblCantact
    {
        float: right !important;
    }
     #lblItemPendingReminderEmail
    {
        float: right !important;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
        display: inline-block;
        width: 150px;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
        display: inline-block;
        width: 0px;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
    }
    #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
    }
    /*--------------------search------------------*/

    #ContentPlaceHolderBody_product_li1
    {
        width: 25% !important;
    }
    #ContentPlaceHolderBody_pattern_li1
    {
        width: 25% !important;
    }
    #ContentPlaceHolderBody_news_li1
    {
        width: 25% !important;
    }
    ContentPlaceHolderBody_designer_li1
    {
        width: 25% !important;
    }
    ContentPlaceHolderBody_help_li1
    {
        width: 25% !important;
    }
    /*--------------------news------------------*/
    .tabs > li
    {
        width: 14%;
    }
    /*--------------------Help------------------*/
    #FAQ
    {
        width: 30%;
    }
    #Video
    {
        width: 30%;
    }
    #Contact
    {
        width: 30%;
    }

    /*--------------------pattern------------------*/
    #ContentPlaceHolderBody_chkIntermediate
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkBiginner
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkIsVideo
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkIsFree
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkIsQuilt
    {
        margin-left: 0px;
    }
    #ContentPlaceHolderBody_chkConfidentBeginner
    {
        margin-left: -1px;
    }
    .chk_cat
    {
        width: 50%;
        float: left;
    }
    .chk_cat1
    {
        width: 50%;
        float: left;
    }
    .head_cat
    {
        width: 20%;
        float: left;
    }
    .chk_content
    {
        width: 80%;
        float: left;
    }
    #category
    {
        font-weight: bold;
        font-size: 12px !important;
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    }
    #skillLevel
    {
        font-weight: bold;
        font-size: 12px !important;
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    }

    /*--------------------designer------------------*/
    #ContentPlaceHolderBody_designer_li
    {
        width: 48%;
    }
    #ContentPlaceHolderBody_PatternDesigner_li
    {
        width: 48%;
    }
    .tabs a
    {
        font-size: 13px;
    }
    .row
    {
        margin-right: 0px;
        margin-left: -0px;
    }
    /*--------------------search------------------*/

    #ContentPlaceHolderBody_product_li
    {
        width: 48%;
    }
    #ContentPlaceHolderBody_pattern_li
    {
        width: 48%;
    }
    #ContentPlaceHolderBody_news_li
    {
        width: 48%;
    }
    ContentPlaceHolderBody_designer_li
    {
        width: 48%;
    }
    ContentPlaceHolderBody_help_li
    {
        width: 48%;
    }
    /*--------------------main master-------------------*/
    .txtboxstyle
    {
        width: 240px;
        float: right;
        margin-bottom: 18px;
/*        margin-top: -18px;*/
/*        margin-top: 1px;*/
    }
    .navbar-nav
    {
        float: left;
        margin: 0px; /*    margin-top: -3%;*/
    }
    .txtdiv
    {
        float: left;
        width: 42%;
        padding-top: 6px !important;
    }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
    {
        margin-left: -1px;
        margin-top: -14px;
    }
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
}
@media only screen and (min-width: 533px)
{

}
@media only screen and (min-width: 1366px) and (max-width: 1440px)
{
    .btns
        {
            padding-right: 50px; 
            padding-bottom: 20px; 
            padding-top: 24px;
        }
         .btnsize
       {
           width: 142px;
          height: 57px;
       }
    .tabs > li
    {
        width: 14%;
    }
    .tabs a
    {
        font-size: 13px;
    }

    #ContentPlaceHolderBody_designer_li
    {
        width: 29%;
    }
    #ContentPlaceHolderBody_PatternDesigner_li
    {
        width: 29%;
    }
    .tabs a
    {
        font-size: 13px;
    }
    /*--------------------main master-------------------*/
    .txtboxstyle
    {
        width: 240px;
        float: right;
    }
    .txtdiv
    {
        padding-left: 0px !important;
        float: right;
        width: 25%;
        padding-top: 10px;
    }
    .navbar-nav
    {
        float: left;
        margin: 0px; /*    margin-top: -5%;*/
    }
    .txtboxstyle
    {
        width: 240px !important;
        float: right;
    }
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
    {
        margin-left: -1px;
        margin-top: -10px;
    }
    .social_new{
        float: right;
        margin-top: 60px;
    }
}

@media only screen and (min-width: 375px)
{
    .txtboxstyle
    {
        width: 177px;
        float: right;
    }
    /*/.txtdiv
        {
            padding-left: 0px !important;
            float: left;
            width: 25%;
            padding-top: 25px;
        }*/
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    
}
@media only screen and (min-width: 414px)
{
    .txtboxstyle
    {
        width: 177px;
        float: right;
        margin-bottom: 11px;
        margin-top: 0px;
    }
    /*.txtdiv
        {
            padding-left: 25px !important;
            float: left;
            width: 25%;
            padding-top: 25px;
        }*/
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    
}
@media only screen and (min-width: 320px) and (max-width:479px)
{
    .btns
        {
               padding-right: 80px;
            padding-bottom: 20px; 
            padding-top: 24px;
        }
         .btnsize
       {
           width: 142px;
          height: 57px;
       }
    #buttn
    {
        text-align: center;
        left: -75px;
    }
    .col-xs-3
    {
/*        width: 50%;*/
    }
    #lblFname1
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lbllname
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblEmailAddress
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblCompanyName
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblCompanyNumber
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblAddress1
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblAddress2
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblCity
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblState
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblZipPo
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblPhone
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblFax
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblEmail2
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblWebsite
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblCantact
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #lblItemPendingReminderEmail
    {
        float: right !important;
        font-size: smaller;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblFirstName
    {
        float: left;
        font-size: smaller;
        display: inline-block;
        margin-left: -22px;
    }
    #ContentPlaceHolderBody_LblLastName
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblEmailAddress
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblCompanyName
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblCustomerNumber
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_Lbladdress1
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblAddress2
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblCity
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblSate
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblZipCode
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblPhone
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblFax
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblEmail
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblWebsite
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    #ContentPlaceHolderBody_LblContactName
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
     #ContentPlaceHolderBody_lblSendItemPendingReminderEmail
    {
        float: left;
        font-size: smaller;
        margin-left: -22px;
        display: inline-block;
    }
    .form-group
    {
        margin-bottom: 0px;
    }
    /*--------------------news------------------*/
    .tabs > li
    {
        width: 80%;
        margin-bottom: 2px;
    }
    /*--------------------Help------------------*/
    #FAQ
    {
        width: 100%;
    }
    #Video
    {
        width: 100%;
    }
    #Contact
    {
        width: 100%;
    }

    /*--------------------pattern------------------*/

    #ContentPlaceHolderBody_chkBiginner
    {
        margin-left: 1px;
    }

    .chk_cat
    {
        width: 130%;
        float: left;
    }
    .chk_cat1
    {
        width: 122%;
        float: left;
    }
    .head_cat
    {
        width: 30%;
        float: left;
    }
    .chk_content
    {
        width: 70%;
        float: left;
    }
    #category
    {
        font-weight: bold;
        font-size: 12px !important;
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    }
    #skillLevel
    {
        font-weight: bold;
        font-size: 12px !important;
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    }
    .tabs a
    {
        font-size: 10px;
    }
    .row
    {
        margin-right: 0px;
        margin-left: -0px;
    }
    /*--------------------main master-------------------*/
    .txtboxstyle
    {
        width: 159px;
        float: right;
        margin-bottom: 18px;
/*        margin-top: 6px;*/
    }
    /* .txtdiv
        {
            padding-left: 0px !important;
            float: left;
            width: 25%;
            padding-top: 25px;
        }*/
    .inner-li
    {
        padding: 10px;
    }
    .btn
    {
        line-height: 0.9;
    }
    .social_new{
        float: right;
        margin-top: 20px;
    }
}
@media only screen and (min-width: 375px) and (max-width:414px)
{
    /*--------------------pattern------------------*/

    /*  #ContentPlaceHolderBody_chkAdvanced
                            {
                               margin-left: 112px;
                            }
                            #ContentPlaceHolderBody_chkIntermediate
                            {
                              margin-left: 112px;
                            }
                            #ContentPlaceHolderBody_chkConfidentBeginner
                            {
                              margin-left: 112px;
                            }
                             #ContentPlaceHolderBody_chkBiginner
                            {
                                 margin-left: 32px;
                            }
                            
                            #ContentPlaceHolderBody_chkIsFashion
                            {
                                margin-left: 97px;
                            }
                            #ContentPlaceHolderBody_chkIsFree
                            {
                                 margin-left: -21px;
                            }
                            #ContentPlaceHolderBody_chkIsVideo
                            {
                                 margin-left: 97px;
                            }
                            .chk_cat
                            {
                                width:40%;
                                float:left;
                                  font-size: 11px;
                            }
                             .chk_cat1
                            {
                                width:40%;
                                float:left;
                                  font-size: 11px;
                            }
                             .head_cat
                            {
                                width:20%;
                                float:left;
                            }
                            .head_cat {
                          width: 30%;
                          float: left;
                          font-size: -16px;
                        }
                        .chk_content {
                          width: 70%;
                          float: left;
                        }
                        #category {
                          font-weight: bold;
                          font-size: 13px ! important;
                        }
                        #skillLevel {
                          font-weight: bold;
                          font-size: 12px ! important;
                        }*/
}
@media only screen and (min-width: 176px) and (max-width:319px)
{
}
#category
{
    font-size: 17px;
    font-weight: bold;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
#skillLevel
{
    font-size: 16px;
    font-weight: bold;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
#refinSearch
{
    font-weight: bold;
    font-size: 18px;
    color: #996600;
}

@media only screen and (max-width:750px)
{
    .container{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .imageWidth
    {
        width: 60px !important;
        margin-left: 5px;
    }
    .contentHolderUnit a img{
        top:0 !important;
        left: 0 !important;
    }
    .sicongrp{
        margin-right: 15px !important;
    }
    .SocialMedia1
    {
        vertical-align: middle !important;
    }
    
}
@media only screen and (min-width: 600px) and (max-width:1279px)
{
    .contentHolderUnit a img{
        top:0 !important;
        left: 0 !important;
/*        width: 100% !important;
        height: 100% !important;*/
    }
}
.col30{
    width: 30%;
}
.col35{
    width: 35%;
}
.sicongrp{
        margin-right: 0px;
}

.red-button
{
    background-color: #ae3429;
    border: none;
    padding: 3px 35px;
    color: white;
}

div.divBasicHidden, div.divBasicHiddenLiving {
    background: #917f5f none repeat scroll 0 0;
    display: none;
    margin-left: -1px;
    margin-top: 0;
    padding: 2px;
    position: absolute;
    z-index: 1001;
}

div.customContent {
    float: left;
}

div.customFooter {
    clear: both;
}

.divHiddlenBody {
    background-color: #f0e9cf;
    padding: 10px 11px 13px;
    text-align: left;
    text-transform: none;
}


/* modal image */
.zoomin
{
    cursor:pointer;    
    /*float:right;*/
}
.modal_header
{
    min-height: 16.42857143px;
    padding: 15px;
}
.imageDiv
{
    text-align:center;    
}
.imageDiv img
{
    max-width:100%;    
}
.zoomin:before
{
    margin-left:10px;    
}