/**************************************
	CONTENT:

	1. HEADER STYLE

	2. MAIN STYLE
		-Home page
		-Contact page
		-Thesis Info page
		-Store page
		-Oldie page
		-Thesis Form page
		-Resources page
		-Resources Single page
		-Payment page
		-Error messages
		-Thank you page
		-Portfolio page
		-What we do page

	3. FOOTER STYLE

	4. MEDIA QUERIES
	


**************************************/

/*********************************
*          HEADER STYLE          *
*********************************/
#header-inner > ul{
    display: none;
}
#small-menu-cont{
    display: block;
    float: right;
}
.menu-btn-link{
    float: right;
    width: 41px;
    height: 28px;
    margin: 30px 20px 0 0;
    background: url(../images/menu-small-btn.png) no-repeat 0 0;
    position: relative;
}
#small-nav-inner{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 3;
}
.menu-btn-wrap{
    float: left;
    width: 100%;
    padding:30px 20px;
    background-color: #272625;
    box-sizing:border-box;
}
#small-nav-inner span{
    float: left;
    font-size: 25px;
    font-family: 'museo_sans700';
    color: #e4e2c2;
    padding: 3px 0 0 ;
    box-sizing:border-box;
}
.menu-btn-link-open{
    float: right;
    width: 31px;
    height: 30px;
    background: url(../images/menu-small-open-btn.png);
    margin: 0 15px 0 0;
}
#small-nav-inner > ul{
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color:rgba(39,38,37,0.93);
}
#small-nav-inner > ul > li{
    float: left;
    width: 100%;
    height: 35px
}
#small-nav-inner > ul > li > a{
    float: left;
    width: 100%;
    height: 35px;
    text-align: center;
    padding: 10px 0;
    color:#ffffff;
    font-size: 16px;
    font-family: 'museo_sans700';
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    box-sizing:border-box;
}
#small-nav-inner > ul > li > a:hover, #small-nav-inner > ul > li > a.active{
    color: #efecca;
    border-top: 1px solid #efecca !important;
    border-bottom: 1px solid #efecca !important;
}
/*********************************
*          HEADER STYLE          *
*********************************/


/*********************************
*        MAIN STYLE              *
*********************************/

/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */
#pattern-wrap{
    bottom: -161px;
}
.home-txt-cont{
    margin: 15% auto 0;
    padding: 0 12px;
    box-sizing:border-box;
}
.home-txt-cont h1{
    font-size: 50px;
}
.home-txt-inner{
    padding: 15px 0;
}
.home-txt-cont p{
    font-size: 14px;
}
.home-txt-cont a{
    font-size: 20px;
    padding: 10px 40px;
}
/* * * * * * * * * * * * *	
*		Home page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*		Contact page   	 *
* * * * * * * * * * * * */
.contact-wrap{
    max-width: 300px;
    padding:0 0 15px;
}
.contact-box{
    margin: 15px 15px 0;
}
.contact-box.contact-info span > a{
    display: block;
}
#map-cont{
    display: none;
    padding:0;
    height: 320px;
}
/* * * * * * * * * * * * *	
*		Contact page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 Thesis Info page  	 *
* * * * * * * * * * * * */

/*Text Editor*/
.text-cont{
    padding: 10px 0;
}
.text-cont h1, .text-cont h2, .text-cont h3, .text-cont h4, .text-cont h5{
    padding: 7px 0;
}
.main-inner h1{
    font-size: 20px;
    line-height:22px;
}
.text-cont h2 {
    font-size: 19px;
    line-height: 21px;
}
.text-cont h3 {
    font-size: 17px;
    line-height: 19px;
}
.text-cont h4 {
    font-size: 15px;
    line-height: 17px;
}
.text-cont p{
    padding: 4px 0;
    font-size: 14px;
    line-height: 20px;
}
.text-cont ol > li, .text-cont ul > li {
    font-size: 14px;
    line-height: 20px;
}


.yellow-inner .faq-link, .yellow-inner .price-link{
    font-size: 10px;
    padding:10px 15px 10px 0;
    height: 36px;
}
.yellow-inner .faq-link:before, .yellow-inner .price-link:before{
    top: 4px;
    left: 9px;
    width: 22px;
    height: 22px;
}
.yellow-inner .faq-link:before{
    background: url(../images/btn-faq-small.png);
}
.yellow-inner .price-link:before{
    background: url(../images/btn-price-small.png);
}

.yellow-inner .order-link{
    font-size: 12px;
    height: 33px;
    padding: 8px 15px 8px 0;
}
.yellow-inner .order-link:before{
    background: url(../images/btn-order-small.png);
    width: 24px;
    height: 20px;
    left: 15px;
    top: 3px;
}

/* * * * * * * * * * * * *	
*	 Thesis Info page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 	Store page  	 *
* * * * * * * * * * * * */
.store-inner{
    text-align: center;
    overflow: hidden;
}
.store-inner > img{
    float: none;
    display: inline-block;
    width: 60%;
    margin-top: -20px;
}
.store-binding-rel{
    max-width: 768px;
    padding:20px 0 30px;
}
.store-binding-rel > p{
    font-size: 16px;
    padding-bottom: 20px;
}
.store-binding-rel > a{
    font-size: 14px;
    padding: 15px 30px;
}
/* * * * * * * * * * * * *	
*	 	Store page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*	 	Oldie page  	 *
* * * * * * * * * * * * */
.oldie-logo{
    padding: 60px 0;
}
.browser-cont > a >img{
    width: 45%;
}
.odlie-txt-cont p{
    font-size: 14px;
}
.browser-cont > a > span{
    font-size: 12px;
}
.oldie-pattern {
    bottom: -200px !important;
}
/* * * * * * * * * * * * *	
*	 	Oldie page  	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*   	 404 page   	 *
* * * * * * * * * * * * */
.out-404{
    position: static;
}
.inner-404{
    padding: 30px 0;
}
.inner-404 img{
    width: 80%;
    height: 80%;
}
.page-wrap{
    position: static;
}
/* * * * * * * * * * * * *	
*   	 404 page   	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *	
*    Thesis Form page  	 *
* * * * * * * * * * * * */
.full-width{
    padding: 10px;
}
/*   2/3 + 1/3   */
.two-third-width{
    width: 100%;
    padding:10px;
}
.one2-third-width{
    width: 100%;
}

/*   1/2   */
.half-width{
    width: 100%;
}

/*   1/3   */
.one-third-width{
    width: 100%;
    padding:10px;
}

/*   3/4 + 1/4   */
.three-quarter-width{
    width: 60%;
}
.one-quarter-width{
    width: 40%;
}

/*   1/4   */
.quarter-width{
    width: 100%;
}
.full-width , .half-width,.two-third-width, .one2-third-width{
    padding:10px 10px 0 !important;
}
.two-third-width > label{
    padding: 0 0 3px 0;
    width:100%;
    text-align: center;
}
label.mandatory::after{
    top: -8px;
}
.form-section-inner label{
    font-size: 12px;
}
.bf-binding-type-storecolect > label,
.bf-personal-details-container label,
.bf-binding-details-blockleft label,
.bf-binding-details-blockmiddle label,
.bf-binding-details-radiolong .two-third-width label,
.bf-binding-details-checklong label,
.bf-printing-details-block label,
.bf-printing-details-hiddenblock-radio .two-third-width label,
.bf-binding-type-noaddresses label,
.bf-leather-type-container label,
.bf-require-books-container label,
.two-third-width > label
{
    font-size: 14px;
}


.bf-binding-details-radiolong-hidden label, .bf-printing-details-hiddenblock-inp label, .bf-printing-details-hiddenblock-expand label{
    font-size: 14px;
}
.full-width > .one-third-width:nth-child(2n+2), .one-third-width.link-position:nth-child(3){
    padding: 10px;
}
.full-width.no-padding-bottom.no-padding-top.lf-padding-no.rg-padding-no{
    padding: 0 !important;
}


/* BINDING DETAILS */
.qmark-pos-relative{
    height: 48px;
}
.qmark-pos-relative .qmark{
    top: 32px;
}
.qmark{
    margin-left: 7px;
}
.bd-details-cbox-small{
    display: block;
}
.bf-binding-details-blockright{
    margin-top: 10px;
    height: 15px;
}
.bf-binding-details-blockright input, .bf-binding-details-blockright label{
    float: left;
}
.bf-binding-details-blockright input{
    width: 17px;
}
.bf-binding-details-blockright label{
    /*margin-left: 10px;*/
    padding: 0 0 0 25px !important;
    font-family: 'museo_sans700';
    font-size: 12px;
    line-height: 18px;
    color: #1f1e1f;
}
/*Collect from the store*/
.bf-binding-type-hidden-main .one-third-width{
    width: 100%;
    padding: 10px;
}
/*Quantity - text change*/
.form-section-inner label > span.show-long{
    display: inline-block;
}
.form-section-inner label > span.show-short{
    display: none;
}

.link-position a.viewsamples-gray, .link-position a.viewsamples-blue {
    right: 0;
    top: -14px;
}
.two-third-width > .half-width{
    padding:10px 0 10px 0;
}

.link-position .bf-binding-details-blockleft .qmark, .link-position .bf-binding-details-blockmiddle .qmark {
    right: 6px;
    top: 23px;
}

.two-third-width > .half-width:nth-child(2) .bf-binding-details-blockmiddle .qmark {
    right: 5px;
}
.two-third-width > .half-width:nth-child(2){
    padding:10px 0 10px 0;
}
.spine-wrap{
    display: none;
}
.txt-spine-cover-wrap{
    padding: 10px 0 0 !important;
}
.bf-binding-details-radiolong-hidden .two-third-width{
    padding: 0 0 10px 0 !important;
}
.add-padding-btm{
    padding-bottom: 20px;
}
.bf-binding-details-checklong .one2-third-width, .bf-binding-type-checklong .one2-third-width{
    display: none;
}
.bd-details-cbox-small{
    float: left;
    margin-right: 10px;
}
.bf-binding-details-checklong label{
    width: 90%;
    text-align: left;
}
.bf-binding-type-checklong span{
    padding: 0 !important;
    width: 90%;
    line-height: 24px;
}



/* LEATHER COLOR */
.leatherbindingdiv{
    padding-right: 0;
}
.leatherbindingdiv > .quarter-width{
    width: 100%;
    padding: 10px 10px 0;
}
/* Fancybox */
.colour-samples-container{
    width: 50%;
}


/* BOOK REQUIRE DATE AND TIME */
.link-position.bf-binding-type-storecolect .qmark, .link-position.bf-require-books-container .qmark {
    position: absolute;
    right: 6px;
    top: 0;
}


/* PAYMENT TYPE */
.bf-binding-type-checklong{
    padding-bottom: 10px;
    padding-top: 5px;
}
.mail-big{
    display: none;
}
.mail-small{
    display: block;
}
.pay-wrapper .bf-payment-type-block{
    padding: 5px 0;
}
.pay-wrapper .bf-payment-type-block .two-third-width{
    width: 85%;
    padding: 0 !important;
}
.pay-wrapper .bf-payment-type-block .two-third-width label{
    text-align: left;
}
.pay-wrapper .bf-payment-type-block .one2-third-width{
    width: 15%;
    padding: 0 !important;
}
.link-position .bf-binding-type-storecolect .qmark, .link-position .bf-require-books-container .qmark {
    top: 10px !important;
    right: 12px !important;
}
.bf-binding-type-storecolect > label{
    height: 25px;
    padding: 0 0 7px 0;
}

/* ADDRESS */
.b-t-adr-wrap > .one-third-width{
    padding: 10px;
    width: 100%;
}
.bf-binding-type-addresses-block .half-width{
    width: 50%;
}
.bf-binding-type-addresses-block-small > .two-third-width{
    width: 66.6%;
    padding: 10px 0 0 0 !important;
}
.bf-binding-type-addresses-block-small > .two-third-width label{
    text-align: left;
}
.bf-binding-type-addresses-block-small > .one2-third-width{
    width: 33.3%;
}

.bf-binding-type-addresses-block > .half-width:nth-child(1) {
    padding: 0 7px 0 0 !important;
}

.bf-binding-type-addresses-block > .half-width:nth-child(2) {
    padding: 0 0 0 7px !important;
}


/* HOW DID YOU FIND US */
.find-wrapper .bf-hdf-us-block .two-third-width{
    padding: 5px 0 2px !important;
    width: 85%;
}
.find-wrapper .bf-hdf-us-block .two-third-width label{
    text-align: left;
}
.find-wrapper .bf-hdf-us-block .one2-third-width{
    padding: 5px 0 2px !important;
    width: 15%;
}
.find-wrapper .two-third-width{
    padding: 10px 0 0 !important;
}
.find-wrapper .bf-hdf-us-block-hidden{
    padding: 0 !important;
}


/* PRICING REVIEW */
.bf-order-review .half-width.ta-right{
    text-align: left;
    padding: 10px 0 0 !important;
}
.bf-order-review .half-width.ta-left{
    padding:0 !important;
}


/* PRINTING DETAILS */
.bf-printing-details-block{
    padding-bottom: 10px;
}
.bf-printing-details-hidden > .two-third-width{
    padding: 10px 0 0 !important;
}
.attach-wrap{
    width: 96%;
    margin: 10px 2%;
}
.printing-dropdown-padding{
    padding: 0 !important;
}
.counter-out{
    height: 35px !important;
    padding-left: 4% !important;
}
.half-width.landscape-nbr{
    padding: 0 !important;
}
.counter-inner label{
    font-size: 12px;
    padding: 2px 0 0 5px;
}
.counter-inner:nth-child(2){
    margin-left: 3px;
}
.counter-inner input{
    margin: 0 7px 0 0;
}

/*Submit message*/
.submited-message{
    float: right;
    padding: 15px 0 0;
}
.submited-message img {
    height: 36px;
    width: 36px;
}
.submited-message > span{
    font-size: 12px;
    /*padding: 0 0 0 10px;*/
    padding: 0;
}
.submit-msg-big{
    display: none;
}
.submit-msg-small{
    display: block;
}
/* * * * * * * * * * * * *	
*    Thesis Form page  	 *
* * * * * * * * * * * * */



                                /*13.07.2015 - HOME work*/

/* * * * * * * * * * * * *
*    Resources page  	 *
* * * * * * * * * * * * */
/*Resourcces - TOP section*/
.resources-yellow-cont{
    text-align: center;
}
.rigth-resources-btn{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcba1;
}
.left-resources-btn{
    padding-top: 10px;
    float: none;
    display: inline-block;
}
.yellow-inner .rigth-resources-btn > a {
    float: none;
    display: inline-block;
}
.rigth-resources-btn > a:first-child{
    margin-left: 0;
}
.yellow-inner .rigth-resources-btn > a{
    max-width: 130px;
    width: 100%;
}
/*Resourcces - TOP section Ends here*/

/*Resourcces - Middle section*/
.resources-wrapper{
    width: 100%;
}
/*Resourcces - Middle section Ends here*/

/* * * * * * * * * * * * *
*    Resources page  	 *
* * * * * * * * * * * * */


                                /*14.07.2015 - WORK work*/
/* * * * * * * * * * * * *
*  Resources Single page *
* * * * * * * * * * * * */

/*FOLLOW LINKS*/
.resources-follow-section-out{
    width: 100%;
    max-width: 580px;
    padding: 15px 0 5px;
}
.resources-follow-section-out > a{
    width: 100%;
    margin: 0 0 10px;
}

/*Text wrap- blue bg*/
.resources-txt-wrap > p{
    height: 45px;
}

/*Download link btn*/
.resource-download-cont{
    text-align: center;
}
.download-pdf-link{
    font-family: museo_sans500;
    font-size: 16px;
    padding: 10px 20px;
    float: none !important;
    display: inline-block;
}
.resources-follow-section-out{
    width: 210px;
    float: none;
    display: inline-block;
}

.sentfriend-out-cont{
    width: 100%;
    text-align: center;
}
.sentfriend-out-cont > .send-fr{
    float: none;
    display: inline-block;
}
.text-cont a.download-pdf-link{
    margin-bottom: 10px;
}
/* * * * * * * * * * * * *
*  Resources Single page *
* * * * * * * * * * * * */



                                /* 15.07.2015 */
/* * * * * * * * * * * * *
*    Payment page  	 *
* * * * * * * * * * * * */
                                /* Added on 22.07.2015 */
.payment-left-sec{
    padding: 0;
}
#paymentForm{
    padding: 0 0 25px;
}
.payment-error{
    min-height: 35px;
}
/*Error message -Payment FORM*/
        /*.payment-error{
            height: 25px;
            padding: 0;
        }
        .payment-error span{
            font-size: 14px;
            padding: 0;
        }*/

.payment-options-wrap{
    margin-top: 35px;
}
.payment-right-sec{
    padding: 35px 0;
}
                                /* Added on 22.07.2015 -end */

#paymentForm .form-section-inner .full-width{
    padding: 10px 0 !important;
    text-align: center;
}
#paymentForm .form-section-inner .one-quarter-width{
    padding: 0;
}
#paymentForm .form-section-inner .half-width{
    padding: 0 5px 0 0 !important;
    width: 50%;
}
#paymentForm .form-section-inner .half-width:last-child{
    padding: 0 0 0 5px !important;
    width: 50%;
}
#paymentForm .form-section-inner .half-width{
    padding: 0 5px;
    width: 50%;
}
#paymentForm .form-section-inner .three-quarter-width{
    padding: 0 10px;
}

/*Payment RIGHT section*/
.payment-title{
    padding: 15px;
}
.card-wrap{
    width: 20.4%;
    margin: 0 5% 0 0;
}
.card-wrap::after{
    right: -19%;
}
.payment-img-wrap img{
    margin: 15px;
}
/* * * * * * * * * * * * *
*    Payment page  	 *
* * * * * * * * * * * * */



/* * * * * * * * * * * * *
*  		ERROR messages 	 *
* * * * * * * * * * * * */
input.error{
    font-size: 14px;
    height: 33px;
}
.bf-personal-details-container .error{
    font-size: 14px;
    height: 33px;
}
.bf-binding-details-blockleft label.error, .bf-binding-details-blockmiddle label.error {
    font-size: 12px;
    right: 32px;
    top: 0;
}
.qmark-pos-relative .error{
    left: auto;
    right: 35px;
    top: 15px;
}
.qmark-pos-relative .error::after {
    background: rgba(0, 0, 0, 0) url("../images/error-arrow-small.png") no-repeat scroll 0 0;
    bottom: 5px;
    content: "";
    height: 13px;
    left: 100%;
    position: absolute;
    width: 6px;
}
.error-message-position label.error{
    right: 64%;
    top: -7px;
    width: 75px;
}
.error-message-position label.error::after{
    /*left: 11%;*/
    left: 7px;
}
.half-width.lf-padding-no.rg-padding-no.no-padding-top.pay-wrapper{
    padding-bottom: 12px !important;
}
.error.perror{
    right: 3%;
}
.bf-binding-type-checklong.error-message-position{
    padding-top: 25px;
}
.bf-binding-type-checklong.error-message-position label.error.perror {
    bottom: 38px;
    right: 79%;
    top: 2px;
}

                                        /*27-07-2015 Error msgs updates*/
/*Payment and Found Us errors*/
.bf-hdf-us-block .error.perror,
.bf-payment-type-block .error.perror
{
    left: -40px;
}
.bf-payment-type-block .error.perror{
    top: 63px;
}
.bf-hdf-us-block .error.perror{
    top: 181px;
}
/*Binding Type*/
.bf-binding-type-checklong.error-message-position label.error.perror {
    bottom: auto;
    left: -7px;
    right: 0;
    top: -34px;
}
.bd-details-cbox-small{
    position: relative;
}
.bf-binding-type-addresses-block-small > .one2-third-width .hardcover-discount-note{
    width: 230px;
}
/*Binding Details*/
.bf-binding-details-checklong .bd-details-cbox-small .error{
    bottom: auto;
    left: -7px;
    right: 0;
    top: -16px;
}
                                        /*27-07-2015 Error msgs updates -end*/


                                        /*10-10-2015 Error msgs updates -start*/
.yellow-bg-debossedborder{
    margin: 10px 0 0 0 !important;
}
.bf-binding-details-debossedborder-hidden{
    text-align: center;
}
.bf-binding-details-debossedborder-radiolong-radioblock{
    float: none;
    display: inline-block;
}
.debosseborder-wrap{
    padding: 10px 0;
    width: 50%;
    text-align: center;
}
.bf-binding-details-debossedborder-hidden label.error{
    float: none;
    display: inline-block;
}
.bf-binding-details-debossedborder-hidden label.error:after{
    bottom: 22px;
    left: 50%;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
}
                                        /*10-10-2015 Error msgs updates -end*/
/* * * * * * * * * * * * *
*  		ERROR messages 	 *
* * * * * * * * * * * * */


                                /* 21.07.2015 */
/* * * * * * * * * * * * *
*  		Thank you page 	 *
* * * * * * * * * * * * */
.thankyou-wrap > h1 {
    padding-bottom: 30px;
}

.main-inner > p {
    font-size: 14px;
}

.fb-cont{
    padding: 40px 0;
}
/* * * * * * * * * * * * *
*  		Thank you page 	 *
* * * * * * * * * * * * */



/* * * * * * * * * * * * *
*  	 Portfolio page 	 *
* * * * * * * * * * * * */
.seemore-filters-btn{
    top: 7px;
}
ul.filters{
    padding: 0;
}
.filters > li{
    height: 20px;
}
.filters > li > a{
    font-size: 12px;
    padding: 5px 15px;
    line-height: 11px;
}

.box-description-image{
    bottom: 0;
    top: auto;
    height: 50px;
    display: block !important;
}
.box-description-image span{
    font-size: 18px;
    padding: 16px 15px;
    text-align: left;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
                                    /* Added on 05-08-2015  */
.grid-item{
    padding:5px 5px 5px 5px;
    overflow: hidden;
    box-sizing: border-box;
}
                                    /* Added on 05-08-2015  -end */
/* * * * * * * * * * * * *
*  	 Portfolio page 	 *
* * * * * * * * * * * * */


/* * * * * * * * * * * * *
*  	 What we do page 	 *
* * * * * * * * * * * * */
.tags-section > a{
    font-size: 12px;
    padding: 10px;
}
/* * * * * * * * * * * * *
*  	 What we do page 	 *
* * * * * * * * * * * * */


/*********************************
*        MAIN STYLE              *
*********************************/


/*********************************
*          FOOTER STYLE          *
*********************************/
.contact-cont{
    width: 100%;
    text-align:center;
}
.contact-cont > a{
    float: none;
    display: inline-block;
}
#footer-inner > span{
    float: none;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}
.follow-links{
    width: 100%;
    text-align: center;
    padding: 20px 0 10px;
}
.home-footer-cont{
    bottom: -305px;
    height: 144px !important;
}

/* * * * * * * * * * * *
	  Sticky footer 
* * * * * * * * * * * */
.site-footer, .page-wrap::after{
    height: 143px;
}
.page-wrap{
    margin-bottom: -142px !important;
}
/* * * * * * * * * * * *
	  Sticky footer 
* * * * * * * * * * * */
/*********************************
*          FOOTER STYLE          *
*********************************/


/*********************************
*          MEDIA QUERIES         *
*********************************/
@media all and (max-width: 480px){
    .home-txt-cont {
        margin: 10% auto 0;
    }
    .home-footer-cont{
        bottom: -215px;
    }
    #pattern-wrap{
        bottom: -71px;
    }
}
@media all and (max-width: 465px){
    .bf-binding-type-noaddresses.ta-center > label{
        padding-bottom: 30px;
    }
    .address-lb-ration{
        margin-right: 10px;
    }
    .address-lb-ration label.error{
        padding: 5px 14px;
    }
    .address-lb-ration label.error{
        left: 100%;
        top: -30px;
        width: 70px;
    }
    .address-lb-ration label.error::after{
        background: rgba(0, 0, 0, 0) url("../images/error-arrow.png") no-repeat scroll 0 0;
        width: 17px;
        height: 8px;
        left: 45%;
        bottom: -8px;
    }
    .ss-validation{
        height: 45px;
        padding: 30px 10px 0;
        font-size: 16px;
    }
    /*Text wrap- blue bg*/
    .resources-txt-wrap > p{
        height: 55px;
    }
}
/*
15.07.2015
Payment page
*/
@media all and (max-width: 400px){
    .box-description-image span{
        max-width: 320px;
    }
    .debosseborder-wrap{
        width: 100%;
    }
    .form-section-inner .bf-binding-details-debossedborder-radiolong-radioblock .radio-label{
        width:100px; 
        text-align: left;
    }
}
@media all and (max-width: 390px){
    .card-wrap{
        width: 20%;
    }
    .card-wrap::after {
        right: -21%;
    }
    .error.perror{
        right: 1%;
    }

}

@media all and (max-width: 370px){
                                /*27-07-2015 Error msgs updates*/
    .bf-hdf-us-block .error.perror, .bf-payment-type-block .error.perror{
        left: -50px;
    }
    .error.perror::after{
        left: 51%;
    }
                                /*27-07-2015 Error msgs updates -end*/
}
/*
15.07.2015
Payment page -ENDS
*/
@media all and (max-width: 370px){
    .home-txt-cont {
        margin: 8% auto 0;
    }
    .home-footer-cont{
        bottom: -40px;
    }
    #pattern-wrap{
        bottom: 103px;
    }
}
@media all and (max-width: 330px){
    .home-txt-cont {
        margin: 12% auto 0;
    }
    .home-footer-cont{
        bottom: -180px;
    }
    #pattern-wrap{
        bottom: -36px;
    }
}
/*********************************
*          MEDIA QUERIES         *
*********************************/