@media screen and (min-width:951px) and (max-width:1180px) { 
    .region-clients .content { width: 100% }
    #main-menu ul { max-width: 820px }
    #main-menu a { padding: 3px 9.2px }
    .region-clients img { margin: 0 43px }
    .remove { min-height: 33px }
  
   .front .slides h3{font-size:68px;line-height: 68px;}
   .front .slides .node .field-item p{font-size: 20px;line-height: 24px}
   #inner_header_wrapper{top: 160px;}
}
@media screen and (min-width:768px) and (max-width:950px) { 
    #logo a {
        background-image: url(../images/2x/logo@2x.png);
        background-position: 0 0 !important;
        background-size: 85px 66px !important;
        width: 85px;
        height: 66px;
    }
    .region-clients img,
    .partners-list img { margin: 0 45px !important }
    .stamp-icon {
        background-position: 0 -429px;
        background-size: 265px auto;
        height: 100px;
        margin-top: 5px;
        width: 170px;
    }
    #container,
    .privacy-policy-page #container,
    .terms-and-conditions-page #container { padding-top: 100px }
    .contact-page #Main-container { background-position: 0 411px }
    .contact-page  #container { padding-top: 98px }
    .node-type-faq  #Main-container,
    .node-type-about-us #Main-container { background-position: 0 98px }
	.partners-page #Main-container{background-position: 0 -400px}
    .page-stolen-bikes #Main-container { background-position: 0 100px }
    #contact-form-block .form-type-textfield { width: 48% }
    #contact-address-block div { margin-top: 20px }
    #contact-address-block .address p { padding: 5px 0 5px 68px }
    .views_slideshow_cycle_main { padding: 0 40px }
    .top-img1 { top: -11.5% }
    .message { margin-top: 90px }
    #slider { height: 380px }
   
    .front .home-slogon { top: 105px }
	.slider-button.rider-id{ margin-top: 10px;}
    .slider-button { padding: 10px }
	#inner_header_wrapper{top: 107px}
	.slider-button a span{font-size: 20px}
	.slider-button .inner-button{ 
		font-size: 30px;
		line-height: 32px;
		padding: 13px 0
	}
	.slider-button a span{
		font-size: 25px;
		line-height: 25px;
		margin-top: 5px;
	}
	.slider-button.rider-id{margin-top: 10px}
	
	.front .slides h3{font-size: 45px;line-height: 50px;/*font-size:68px;line-height: 68px;*/margin-bottom: 5px}
    .front .slides .node .field-item p{font-size: 20px;line-height: 24px }
    .slides .field-name-body{top:180px}
 
    .page-community.community-page .region-front-welcome,
    .community-page .region-front-welcome,
    .page-comment-reply .region-front-welcome,
    .page-comment-edit .region-front-welcome {
        background-color: #527887;
        background-position: 0 bottom;
        height: auto;
        padding-top: 100px;
    }
    .page-community.community-page .region-front-welcome { background-color: #485f81 !important }
    .region-front-welcome .block-block {
        background-position: 0 bottom;
        height: auto;
        max-width: 100%;
        padding-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }
	
    .blog-image { height: 250px }
    .reset-pw { width: 100% }
    .fb_iframe_widget,
    .fb-like-box iframe,
    .fb-like-box span { width: 210px }
    .popup-content .form-submit,
    .User-login .form-submit { width: 230px }
    #search-block-form .container-inline { width: 220px !important }
    #edit-rider-image {
        background-size: 740px auto;
        height: 281px;
        width: 740px;
        margin-left: auto;
    }
    .User-login { width: 85% }
    .Register .form-item label,
    .kit-form .form-item label,
    .User-register label,
    .User-login label,
    .Bike-register label,
    .upload-title { font-size: 16px }
    .med-cond .info-text { left: 185px }
    .info-text {
        font-size: 11px;
        left: 0 !important;
        top: 15px;
    }
    .comment-text { width: 80% }
    .indented .comment-text { width: 80% !important }
    .Register .form-radios .form-item { margin: 8px 100px 10px 0 }
    .page-order-get-a-kit #Main-container,
    .node-type-product #Main-container { background-position: 0 500px }
    .ids-block .form-radios .form-item {
        margin-bottom: 75px;
        min-height: 152px;
        width: 358px;
    }
    .decription p {
        font: 20px/25px "gotham_lightregular",sans-serif;
        margin: 20px 0 35px;
    }
    .ids-block label strong {
        font: 16px/20px "gotham_lightregular",sans-serif;
        padding: 20px 25px 30px;
        min-height: 130px;
    }
    #edit-bike-image {
        height: 201px;
        background-size: 740px;
        background-position: center -301px;
    }
    .Bike-banner {
        height: 201px;
        width: 740px;
    }
    .Bike-banner .form-item { background-position: center -301px }
    .field-width25.right-space {
        margin-right: 5%;
        width: 35%;
    }
    .upload-title { width: 33% }
    .receipt-upload,
    .photo-upload { width: 67% }
    .photo-upload div,
    .Upload-bike div { width: 100% }
    .Bike-register .file-name {
        width: 65%;
        min-height: 35px;
    }
    .profile-form .file-name {
        width: 56%;
        min-height: 35px;
    }
    .remove {
        width: 78% !important;
        min-height: 35px;
    }
    .purchase-receipt .remove { width: 61% !important }
    .browse { min-height: 34px }
    .remove p { width: 82% }
    .receipt-upload .file-name.err_msg,
    .file-name.err_msg {
        height: auto;
        padding-top: 5px;
        width: 65%;
    }
    #delivery-pane .form-item-panes-delivery-delivery-first-name input { width: 60% }
    #delivery-pane .form-item-panes-delivery-delivery-last-name input { width: 60% }
    #delivery-pane .form-item-panes-delivery-delivery-street1 input { width: 58% }
    #delivery-pane .form-item-panes-delivery-delivery-city input { width: 85% }
    #delivery-pane .form-item-panes-delivery-delivery-postal-code input { width: 45% }
    #delivery-pane .form-item-panes-delivery-delivery-phone  input { width: 60% }
    .page-cart #delivery-address-pane select { padding: 2px 0 2px 2px }
    #billing-pane .form-item-panes-billing-billing-first-name input { width: 60% }
    #billing-pane .form-item-panes-billing-billing-last-name input { width: 60% }
    #billing-pane .form-item-panes-billing-billing-street1 input { width: 55% }
    #billing-pane .form-item-panes-billing-billing-city input { width: 82% }
    #billing-pane .form-item-panes-billing-billing-postal-code input { width: 45% }
    #billing-pane .form-item-panes-billing-billing-phone  input { width: 52% }
    .page-cart #billing-address-pane select {
        padding: 2px 0 2px 2px;
        width: 50%;
    }
    .order-fieldform .title-col,
    .order-fieldform-delivery .title-col {
        width: 40%;
        font-size: 13px;
    }
    .order-fieldform .data-col,
    .order-fieldform-delivery .data-col { width: 60% }
    .Bot-ttip .tooltip {
        right: 45px;
        top: -83px;
        left: auto;
    }
    .Bot-ttip .tooltip b {
        background: url(../images/all-icons.png) no-repeat -232px -316px;
        height: 33px;
        right: -11px;
        top: 42%;
        width: 11px;
    }
    .header_image {
        height: 281px;
        width: 730px;
    }
    .Block-medinfo .info-text { left: 165px !important }
    .Block-emcontact .info-text { left: 78px !important }
    .Block-bike .info-text { left: 78px !important }
	.Block-bike .info-text.profile-info{left: 0 !important}
    .Block-kitcode .fieldset-legend,
    .profile-form .block-title,
    .Block-Botsection h2 { font-size: 23px }
    .Block-kitcode label { width: 20% }
    .Block-kitcode .form-text { width: 75% }
    .Block-urifo .form-item-personal-fname .form-text { width: 65% }
    .Block-urifo .form-item-personal-lname .form-text { width: 70% }
    .Block-urifo .form-item-personal-email .form-text { width: 80% }
    .Block-urifo .form-item-personal-dob { width: 61% }
    .Block-urifo .form-item-personal-address .form-text { width: 73% }
    .Block-urifo .form-item-personal-city .form-text { width: 83% }
    .Block-urifo .form-item-personal-state .form-text { width: 81% }
    .Block-urifo .form-item-personal-postcode .form-text { width: 69% }
  
    .Block-medinfo .form-text { width: 73% }
    .Block-medinfo .form-select { width: 65% }
    .Block-emcontact .form-item-name .form-text { width: 80% }
    .Block-emcontact .form-item-relationship .form-text { width: 40% }
    .Block-login label { width: 27% }
    .profile-form .form-item.form-item-personal-sex { width: 126px }
    .jcarousel-wrapper { max-width: 740px }
    .jcarousel li {
        background-size: 230px 250px;
        height: 285px;
    }
    .jcarousel li img {
        margin-left: 13px;
        margin-top: 8px;
        width: 198px;
        height: 182px;
    }
    .bikecode .form-text { width: 58% }
    .bike-model .form-text { width: 80% }
    .bike-year .form-text { width: 60% }
    .bike-purfrm .form-text { width: 53% }
    .bike-value .form-text { width: 68% }
    .bike-frmenu .form-text { width: 40% }
    .bike-framesize .form-text { width: 60% }
    .Block-bike .form-type-date { width: 61% }
    .message p { font: 20px/25px "gotham_lightregular",arial }
    #slider { height: 395px }
    .field-width33.relative .Bot-ttip > .tooltip { width: 200px }
    .stolen-blocks { width: 100% }
    .page-stolen-bikes .stolen-block { width: 95% }
    .stolen-details .left-section { width: 68% }
    .bikecode .Bot-ttip > .tooltip { width: 315px }
	
	.Block-kitcode .odd .idcode-info.Left-ttip > .tooltip{left: -278px}
	.Block-kitcode .odd .Left-ttip > .tooltip b{left: 265px}
	.purchase-dates .info-text{top: 10px}
	.IDs-list li{font: 16px/29px "gotham_lightregular",arial}
	.IDs-list{margin-top: 25px}
	.terms-links{width: 75%}
}
@media screen and (min-width:641px) and (max-width:767px) { 
    #edit-rider-image {
        background-size: 620px auto;
        height: 235px;
        width: 620px;
    }
    .info-text {
        font-size: 11px;
        left: 0 !important;
        top: 15px;
    }
    .page-order-get-a-kit #Main-container,
    .node-type-product #Main-container { background-position: 0 500px }
    .ids-block .form-radios .form-item {
        min-height: 172px;
        width: 298px;
    }
    .board-stick { left: 43% }
    #edit-bike-image {
        height: 163px;
        background-size: 605px;
        background-position: center -246px;
    }
    .Bike-register label,
    .purchase-title,
    .upload-title { font-size: 13px }
    .Bike-banner {
        height: 169px;
        width: 620px;
    }
    .Bike-banner .form-item { background-position: center -252px }
    .field-width25.right-space {
        margin-right: 5%;
        width: 35%;
    }
    .upload-title { width: 35% }
    .receipt-upload,
    .photo-upload {
        clear: both;
        margin-top: 10px;
        width: 100%;
    }
    .Bike-register .file-name {
        width: 73%;
        min-height: 35px;
    }
    .profile-form .file-name {
        width: 72%;
        min-height: 35px;
    }
    .remove {
        width: 72% !important;
        min-height: 33px;
    }
    .photo-upload div { width: 100% }
    .file-name.err_msg { height: auto }
    .receipt-upload .file-name.err_msg { width: 58% }
    .header_image {
        height: 239px;
        width: 620px;
    }
    .remove { height: 33px }
    .Block-urifo .form-radios {
        width: 80%;
        padding-left: 0;
    }
    .profile-form .form-item.form-item-personal-sex { width: 48% }
    .profile-form .med-cond .info-text { left: 165px !important }
    .profile-form  .info-text { left: 78px !important }
	.Block-bike .info-text.profile-info{left: 0 !important}
	.Block-bike .edit-profile .info-text.profile-info{left: 140px !important}
    .jcarousel-wrapper { max-width: 580px }
    .jcarousel li {
        background-size: 280px 305px;
        padding: 32px 0;
    }
    .jcarousel li img {
        height: 217px;
        margin-left: 18px;
        margin-top: 0;
        width: 238px;
    }
    .jcarousel-control-prev { left: -30px }
    .jcarousel-control-next { right: -20px }
    .stolen-blocks .jcarousel li img {
        margin-left: 0;
        height: 170px;
    }
    .bike-receipt .browse { height: 33px }
    .profile-buts .Block-kitcode .form-submit,
    .profile-buts .Block-kitcode .form-edit {
        font: 11px/13px "gotham_blackregular",sans-serif;
        width: 72px;
    }
    .Block-kitcode .remove-link { width: 145px }
    .Block-kitcode .add-link { width: 184px }
    .Block-kitcode .remove-link input {
        font: 12px/15px "gotham_blackregular",sans-serif;
        width: 120px;
        margin-left: 8px;
    }
    .Block-kitcode.edit-profile #edit-add-name {
        font: 12px/15px "gotham_blackregular",sans-serif;
        width: 140px;
    }
    .Block-kitcode .add-removelink { width: 330px }
    .Block-kitcode .button { width: 415px }
    .profile-buts .form-submit,
    .profile-buts .form-edit { width: 83px }
    .profile-buts #edit-testmsg { width: 135px }
    .add-removelink .Right-ttip .tooltip { width: 225px }
    .add-removelink .Bot-ttip .tooltip {
        height: 185px;
        right: 45px;
        top: -78px;
        width: 235px;
        left: auto;
        padding: 10px;
    }
    .add-removelink   .Bot-ttip .tooltip b {
        background: url(../images/all-icons.png) no-repeat -232px -316px;
        height: 33px;
        right: -11px;
        top: 42%;
        width: 11px;
    }
    .page-stolen-bikes .header_text { font: 20px/42px "gotham_lightregular",sans-serif }
    .stolen-details .left-section { width: 60% }
    .stolen-details .field-input input[type="text"] { width: 65% }
    .stickers-poup .width { width: 600px }
    .stickers-poup .img {
        width: 600px;
        height: 600px;
        background-size: 600px 600px;
    }
	
	#inner_header_wrapper{top: 105px}
	.slider-button a span{font-size: 20px}
	.slider-button .inner-button{ 
		font-size: 20px;
		line-height: 22px;
		padding: 8px 0;}
	.slider-button a span{
		font-size: 20px;
		line-height: 20px;
		margin-top: 5px;
	}
	.slider-button.rider-id{margin-top: 10px}
	.purchase-dates .info-text{top: 10px }
	.Register .form-footer .terms-links{width: 65%}
	
}
@media screen and (min-width:480px) and (max-width:640px) { 
    .views_slideshow_cycle_main { padding: 0 40px }
    #search-form { width: 420px }
    #search-form .form-item { width: 89% }
    #edit-rider-image {
        background-size: 440px auto;
        height: 167px;
        width: 440px;
    }
    .comment-text { width: 80% }
    .indented .comment-text { width: 80% !important }
    .ids-block .form-radios .form-item {
        min-height: 211px;
        width: 210px;
    }
    .board-stick { left: 38% }
    #edit-bike-image {
        background-position: center -179px;
        background-size: 440px auto;
        height: 119px;
    }
    .info-text { font-size: 16px }
    .Bike-banner {
        height: 122px;
        width: 450px;
    }
    .Bike-banner .form-item { background-position: center -183px }
    .ids-block label strong { min-height: 180px }
    .file-name.err_msg { height: auto }
    .receipt-upload .file-name.err_msg { width: 62% }
    .Bike-register .file-name {
		margin-bottom: 10px;
		min-height: 35px;
		width: 400px;
    }
    .profile-form .file-name {
        width: 64%;
        min-height: 35px;
    }
    .remove {
        width: 65% !important;
        min-height: 33px;
    }
    .bike-receipt .browse {
        width: 62%;
        margin-left: 0;
        height: 34px;
    }
    .header_image {
        width: 450px;
        height: 173px;
        margin-bottom: 20px;
    }
    .Block-login label { width: 25% }
    .Block-login input.form-text { width: 70% }
    .Block-kitcode .remove-link { width: 160px }
    .Block-kitcode .add-link { width: 170px }
    .Block-kitcode .remove-link input {
        font: 12px/15px "gotham_blackregular",sans-serif;
        width: 120px;
        margin-left: 0;
    }
    .Block-kitcode.edit-profile #edit-add-name {
        font: 12px/15px "gotham_blackregular",sans-serif;
        width: 140px;
    }
    .Block-kitcode .add-removelink { width: 330px }
    .Block-kitcode .button { width: 100% }
    .profile-buts .form-submit,
    .profile-buts .form-edit { width: 83px }
    .profile-buts #edit-testmsg { width: 135px }
    .Block-kitcode.edit-profile .fieldset-legend { padding-bottom: 30px }
    .Block-kitcode.edit-profile .button { top: 33px }
	.Block-kitcode.edit-profile.rider-error .button{top: 92px}
    .Block-kitcode.edit-profile.error-butt .button { top: 80px }
    .add-removelink .info-msg { right: -15px }
    .reg-popup .img {
        background-size: 350px 141px;
        width: 350px;
        height: 141px;
    }
    .stolen-details .field-input input[type="text"] { width: 72% }
    .stickers-poup .width { width: 440px }
    .stickers-poup .img {
        width: 440px;
        height: 440px;
        background-size: 440px 440px;
    }

}
@media screen and (min-width:320px) and (max-width:479px) { 
    .region-user-menu ul li { padding: 0 2px }
    .top_right .region ul.menu li a {
        min-width: 50px !important;
        padding: 5px 3px;
        font-size: 10px;
    }
    .theme-bar .nivo-controlNav,
    .theme-bar:hover .nivo-controlNav { bottom: 30px !important }
    .front .home-slogon { display: none }
   /* #copyright {
        text-align: center;
        width: 265px;
    }
    #copyright p { float: none }
    #footer .column li {
        display: inline-block;
        float: none;
        margin-top: 10px;
    }
    #footer .column li:first-child {
        border-left: 0 none;
        margin-left: 0;
        padding-left: 0;
    }*/
    .credits { top: 22px }
    #footer a { font-size: 12px }
    .region-clients img,
    .partners-list img {
        width: 200px !important;
        height: auto !important;
    }
    .front .node .field-item h1 {
        font-size: 17px;
        line-height: 22px;
        margin: 15px 0;
    }
    .front .node .field-item p {
        font: 16px/19px "gotham_lightregular",arial;
        margin-bottom: 14px;
    }
    /*#footer { padding-bottom: 90px }*/
    .Slider-Register { width: 100% }
    .message .img {
        background-position: center right;
        background-size: 280px 64px;
        height: 64px;
        top: -63px;
        width: 100%;
    }
    .views_slideshow_cycle_main { padding: 0 0 !important }
    .top-img2 {
        right: 7% !important;
        top: -25px !important;
    }
    .top-img1,
    .top-img2 {
        background-size: 60px 25px !important;
        height: 26px !important;
        width: 60px !important;
    }
    .blog-footer a {
        font: 12px/14px "gotham_blackregular",sans-serif;
        margin-top: 18px;
        padding: 10px 12px;
    }
    .comment-text { width: 69% }
    #search-form { width: 250px }
    #search-form .form-item { width: 80% }
    #edit-rider-image {
        background-size: 280px auto;
        height: 106px;
        width: 280px;
    }
    #edit-bike-image {
        background-position: center -114px;
        background-size: 280px auto;
        height: 75px;
    }
    #registration-rider-regcode .form-item,
    #names-fieldset-wrapper { width: 100% }
    .submit-area #edit-submitdata,
    .submit-area .form-submit { float: none }
    .submit-area a {
        display: block;
        float: none;
        margin: auto auto 15px;
        width: 240px;
    }
    .info-text {
        font-size: 11px;
        left: 0 !important;
        top: 15px;
    }
    .success_msg a { padding: 7px 90px }
    .User-register #names-fieldset-wrapper .form-type-textfield {
        height: auto !important;
        padding-bottom: 10px;
    }
    .popup-content .title { margin-top: 15px }
    .ids-block .form-radios .form-item {
        min-height: 0;
        width: 46%;
    }
    .ids-block .img-pannel {
        background-size: 300px 11px;
        width: 300px;
        height: 276px;
    }
    .ids-block { height: 270px }
    .ids-block .img {
        width: 270px;
        height: 271px;
        background-size: 270px 271px;
    }
    .ids-block a {
        width: 268px;
        height: 268px;
    }
    .ids-block label strong { display: none }
    .board-stick {
        background-size: 36px auto;
        left: 27%;
    }
    .ids-block label {
        margin-top: 0;
        font-size: 13px !important;
        padding-bottom: 13px;
    }
    .Bike-banner {
        height: 75px;
        width: 280px;
    }
    .Bike-banner .form-item { background-position: center -115px }
    .Bike-register.kit-code { width: 100% }
    .add-bike {
        float: none;
        display: inline-block;
    }
    .add-bike .add-link {
        width: 158px;
        float: none;
        display: inline-block;
    }
    .uc-cart-checkout-form #edit-actions,
    #uc-cart-checkout-review-form #edit-actions { width: 100% }
    .uc-cart-checkout-form .form-actions { text-align: center }
    .uc-cart-checkout-form #edit-actions input,
    #uc-cart-checkout-review-form #edit-actions input {
        font: 13px/16px "gotham_blackregular",sans-serif;
        width: 135px;
    }
    .Qnty-block .txt { margin-right: 5px }
    .add-minus { width: 60% }
    .Qnty-block .form-item { margin-right: 15px }
    #delivery-pane .form-item-panes-delivery-delivery-first-name input,
    #delivery-pane .form-item-panes-delivery-delivery-last-name input,
    #delivery-pane .form-item-panes-delivery-delivery-street1 input,
    #delivery-pane .form-item-panes-delivery-delivery-city input,
    #delivery-pane .form-item-panes-delivery-delivery-phone  input { width: 100% }
    #delivery-pane .form-item-panes-delivery-delivery-postal-code input { width: 90% }
    .page-cart #delivery-address-pane select {
        display: block;
        float: left;
        margin-top: 8px;
        padding: 0;
        width: 100%;
    }
    .order-fieldform .title-col,
    .order-fieldform-delivery .title-col,
    .order-fieldform .data-col,
    .order-fieldform-delivery .data-col {
        width: 100%;
        margin: 5px 0;
    }
    .Bike-register .form-type-managed-file {
        margin-bottom: 15px;
        min-height: 0;
    }
    .Bike-register .file-name {
        height: auto;
        margin-left: 0;
        margin-top: 10px;
        min-height: 35px;
        width: 240px !important;
    }
    .header_image {
        margin: auto auto 20px;
        width: 280px;
        height: 108px;
    }
    .Block-login label { width: 33% }
    .Block-login input.form-text { width: 63% }
    .Block-urifo .form-item-personal-dob { width: 55% }
    .Block-medinfo .info-text,
    .Block-emcontact .info-text,
    .Block-bike .info-text { top: 20px }
    .Block-medinfo.edit-profile .form-item-medical-cond .form-textarea-wrapper,
    .Block-emcontact.edit-profile .form-item-message .form-textarea-wrapper { padding-top: 25px }
    .Block-bike .button input {
        font: 13px/13px "gotham_blackregular",sans-serif;
        min-width: 118px;
        display: block;
    }
    .jcarousel-control-prev { left: -20px !important }
    .jcarousel-control-next { right: -20px !important }
    .node-type-product .fieldset-legend span { font-size: 20px }
    .cvv-infott {
        top: -90px !important;
        width: 240px !important;
        left: -250px;
    }
    .tip-arrow {
        background-position: -232px -316px;
        bottom: 32%;
        height: 33px;
        right: -11px;
        width: 11px;
    }
    .profile-form .form-item.form-item-personal-sex { width: 100px }
    .Bike-register .file-name {
        width: 100%;
        min-height: 35px;
    }
    .profile-form .file-name {
        clear: both;
        margin-left: 0;
        margin-top: 10px;
        min-height: 35px;
        width: 180px !important;
    }
    .remove {
        clear: both;
        left: 0;
        margin-bottom: 15px;
        min-height: 33px;
        position: inherit;
        width: 92% !important;
    }
    .Block-kitcode .add-link,
    .Block-kitcode .remove-link {
        display: block;
        float: none;
        margin: 0 auto 5px;
        overflow: hidden;
        padding: 0;
        text-align: center;
    }
    .add-removelink { width: 100% }
    .bike-receipt .browse {
        width: 99%;
        margin-left: 0;
        height: 34px;
        margin-top: 10px;
        font-size: 14px;
    }
    .remove p { width: 85% }
    .profile-form .block-title {
        width: 100%;
        padding-bottom: 10px;
    }
    .profile-form .profile-buts {
        text-align: center;
        float: none;
        margin-bottom: 15px;
        clear: both;
    }
    .profile-buts .form-submit,
    .profile-buts .form-edit {
        width: 72px;
        margin: auto;
    }
    .profile-buts #edit-testmsg { width: 135px }
    .Block-kitcode .fieldset-legend { padding-bottom: 20px }
    .Block-kitcode.edit-profile .fieldset-legend { padding-bottom: 80px }
    .Block-kitcode .button {
        top: 20px;
        width: 100%;
    }
    .Block-kitcode.edit-profile .button { top: 25px }
    .Block-kitcode .add-removelink input,
    .Block-kitcode.edit-profile #edit-add-name { margin: auto 0 auto 0 }
    .add-removelink .info-msg { top: -10px }
    .reg-popup .img {
        background-size: 250px 101px;
        width: 250px;
        height: 101px;
    }
    .add-bike { width: 100% }
    .stolen-form .field-input input { font-size: 15px }
    .stolen-details .field-input input[type="text"] {
        margin-left: 0;
        width: 100%;
        margin-top: 5px;
    }
    .skip-button a { width: 110px }
    .page-registration-bike  h1 { font-size: 20px !important }
    .Bike-register .Left-ttip > .tooltip ,.idcode-info.Left-ttip > .tooltip{ width: 225px }
    .bike-frmenu .Left-ttip > .tooltip { width: 245px }
    .stickers-poup .width { width: 280px }
    .stickers-poup .img {
        width: 280px;
        height: 280px;
        background-size: 280px 280px;
    }
	.stolen-blocks .ph-text{top: 42px}
	.ph-text{font-size: 12px}
	.stolen-form .field-input{width: 100% !important;margin-bottom: 10px}
	.stolen-form .button{padding-top: 0 !important}
	.pager-item,li.pager-current{padding: 0 2px !important}
	.riderid-box label{font-size: 15px}
	.idcode-info.Left-ttip > .tooltip b,
	.Block-bike .idcode-info.Left-ttip > .tooltip b, 
	.Block-kitcode .idcode-info.Left-ttip > .tooltip b{left: 224px !important;}
	.idcode-info.Left-ttip > .tooltip,
	.Block-bike .idcode-info.Left-ttip > .tooltip, 
	.Block-kitcode .odd .idcode-info.Left-ttip > .tooltip{left: -233px !important}
	.purchase-dates .info-text{top: 10px }
	.Block-bike .info-text.profile-info{ left: 137px !important;}
	.Block-kitcode.edit-profile.rider-error .button{top: 107px}
	.accept-link{text-align: center}
	.accept-link input[type="button"]{margin-top: 25px;clear: both;float: none;}
	.accept-link label{height: auto}
}
@media screen and (min-width:541px) and (max-width:640px) {  /*ONLY FOR SLIDER DON'T WIRTE OTHER THINGS*/
    .jcarousel-wrapper { max-width: 500px }
    .jcarousel li {
        background-size: 250px 272px;
        padding: 24px 0;
        height: 280px;
    }
    .jcarousel li img {
        height: 194px;
        margin-left: 18px;
        margin-top: 0;
        width: 210px;
    }
    .jcarousel-control-prev { left: -30px }
    .jcarousel-control-next { right: -25px }
    .Block-Botsection h2 { padding-bottom: 60px }
	
	#inner_header_wrapper{top: 115px}
	.slider-button{ padding: 8px;width: 145px;float: left}
	.slider-button .inner-button{ 
	    font-size: 13px;
		line-height: 16px;
		padding: 5px 
	}
	.slider-button a span{
		font-size: 10px;
		line-height: 13px;
		margin-top: 3px;
	}
	.slider-button.rider-id{margin-top: 0;margin-left: 5px}
}

@media screen and (min-width:320px) and (max-width:540px) { /*ONLY FOR SLIDER DON'T WIRTE OTHER THINGS*/
	#inner_header_wrapper{display: none}
    .jcarousel-wrapper { max-width: 280px }
    .jcarousel li { background-size: 280px auto }
    .jcarousel-control-prev {
        left: -35px;
        top: 50%;
    }
    .jcarousel-control-next {
        right: -35px;
        top: 50%;
    }
    .jcarousel li img {
        height: 221px;
        margin-left: 18px;
        margin-top: 0;
        width: 240px;
    }
    .Block-Botsection h2 { padding-bottom: 90px }
	
	#footer { padding-bottom: 90px }
	#copyright {
        text-align: center;
        width: 265px;
    }
    #copyright p { float: none }
    #footer .column li {
        display: inline-block;
        float: none;
        margin-top: 10px;
    }
    #footer .column li:first-child {
        border-left: 0 none;
        margin-left: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 640px) { 
    .theme-bar .nivo-controlNav,
    .theme-bar:hover .nivo-controlNav { bottom: 10px }
    .popup-content label { font-size: 14px }

    .popup-content .form-submit,
    #user-pass .form-submit,
    #user-profile-form .form-submit,
    .User-login .form-submit { width: 230px }
    .close {
        right: 10px;
        top: 10px;
    }
    .popup-content .title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .reg-popup p {
        padding: 10px !important;
        font: 16px/19px "gotham_lightregular",arial;
    }
    .register-link li a,
    .register-link li.kit span {
        font-size: 18px;
        padding: 8px 0;
    }
    .Forget-pw .form-item {
        height: auto;
        margin-bottom: 15px;
    }
    .Forget-pw .err_msg {
        height: auto;
        margin: 10px 0;
    }
    .reset-pw { padding: 45px 20px 70px }
    .page-search #content h2 {
        font-size: 20px;
        line-height: 29px;
    }
    .field.right-space,
    .field-width50.right-space,
    .kit-form .field-width50.right-space,
    .field-width33,
    .Register .field-wid100 .form-item .form-item:first-child,
    .field,
    .field-width50,
    .kit-form .field-width50,
    .Register .field-wid100 .form-item .form-item,
    .field-width25.right-space,
    .field-width25 {
        width: 100%;
        margin-right: 0;
    }
    #registration-rider-regcode .form-submit { margin-top: 15px }
    .marginLR { margin: 0 }
    .form-type-radios.form-item-sexual,
    .form-item-allergymsg { margin-top: 25px !important }
    .block-title {
        font-size: 18px;
        line-height: 24px;
    }
    #comments .comment-form { width: 70% }
    .indented .comment-text,
    .indented .indented .comment-text,
    .indented .indented .indented .comment-text { width: 65% !important }
    .indented { margin-left: 10px !important }
    .popup-content { margin: 50px auto !important }
    #user-profile-form .form-submit {
        width: 240px !important;
        font-size: 13px;
    }
    .terms-links {
        float: none;
        text-align: center;
    }
    .kit-form .form-submit { float: none }
    .form-footer .fright {
        float: none;
        text-align: center;
    }
    .page-order-get-a-kit #Main-container,
    .node-type-product  #Main-container { background-position: left 475px }
    .Right-ttip .tooltip { width: 225px }
    .Bot-ttip .tooltip {
        height: 185px;
        right: 45px;
        top: -78px;
        width: 235px;
        left: auto;
        padding: 10px;
    }
    .User-register .Bot-ttip .tooltip { width: 190px }
    .scroll-full { height: 165px }
    .Bot-ttip .tooltip b {
        background: url(../images/all-icons.png) no-repeat -232px -316px;
        height: 33px;
        right: -11px;
        top: 75px;
        width: 11px;
    }
    .Right-ttip > .tooltip b { top: 75px }
    .node-type-product h2 p { font-size: 22px }
    .User-register #names-fieldset-wrapper { width: 100% }
    .upload-title {
        width: 100%;
        padding-top: 0;
        margin-bottom: 15px;
    }
    .receipt-upload,
    .photo-upload { width: 100% }
    .photo-upload div { width: 100% }
    .payment-details-credit input,
    .payment-details-credit select { width: 100% }
    .payment-details-credit .form-item {
        float: left;
        margin-bottom: 15px;
        min-height: 0;
        width: 100%;
    }
    #payment-details .form-item-panes-payment-details-cc-exp-year {
        margin-left: 0;
        width: 100%;
        padding-top: 15px;
    }
    #payment-details .form-item-panes-payment-details-cc-exp-month { width: 100% }
    .profile-form .form-text {
        width: 100% !important;
        margin-top: 10px;
        padding: 5px 0;
        height: 25px;
    }
    .delete-button,
    .stolen-button,
    .save-button {
        display: inline-block;
        float: none;
        margin: 10px 10px 0;
        text-align: center;
    }
    .Block-bike .button {
        display: block;
        text-align: center;
        width: 100%;
    }
    .Block-bike .button { top: 25px }
    .Block-bike .form-type-date { width: 100% }
    .Block-bike .form-select {
        clear: both;
        display: block;
        float: left;
        margin-top: 10px;
    }
    .Block-bike .fieldset-legend { padding: 20px 0 }
    .Block-medinfo { margin: 0 }
    .dob-label,
    span.purchase-label {
        clear: both;
        display: block;
        margin-bottom: 6px;
        padding-top: 15px;
    }
    .Block-bike .button input { display: block }
    .Block-kitcode .messages.error { margin-top: 0 }
    .purchase-date { margin-bottom: 25px }
    .cvv-infott { top: -196px }
    .purchase-receipt .form-item { margin-bottom: 10px }
    .terms-links h2 {
        margin: 0 !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 16px !important;
    }
    .hidden-label label {
        clear: both;
        width: 100%;
        margin-bottom: 15px;
    }
    #billing-pane .form-item-panes-billing-billing-first-name input,
    #billing-pane .form-item-panes-billing-billing-last-name input,
    #billing-pane .form-item-panes-billing-billing-street1 input,
    #billing-pane .form-item-panes-billing-billing-city input,
    #billing-pane .form-item-panes-billing-billing-postal-code input,
    #billing-pane .form-item-panes-billing-billing-phone  input {
        width: 100%;
        padding: 5px 0;
        margin-top: 10px;
    }
  
	#billing-address-pane .ph-text{top: 65px}
	
    .page-cart #billing-address-pane select {
        margin-top: 10px;
        width: 100%;
    }
    .allergy_tag label {
        clear: both;
        margin-bottom: 15px;
        width: 100%;
    }
    .Block-bike .stolen-button input { width: auto }
    .User-register .med-cond textarea {
        padding: 5px 2%;
        width: 100%;
    }
    .submit-area,
    .buttons {
        float: none;
        margin: 15px auto auto;
        width: 105px;
    }
    .add-bike {
        float: none;
        margin: auto;
        overflow: hidden;
        padding-top: 15px;
        text-align: center;
    }
    .add-bike .remove-link {
        float: none;
        display: inline-block;
    }
    .stolen-form .field-input:nth-child(2) { margin-right: 0 }
    .stolen-form { padding: 10px 2% }
    .stolen-form .field-input { width: 49% }
    .stolen-form .button {
        clear: both;
        display: block;
        float: none;
        margin: auto;
        padding-top: 15px;
        text-align: center;
        width: 125px;
    }
    .page-stolen-bikes .header_text { font: 20px/25px "gotham_lightregular",sans-serif }
    .stolen-details .left-section {
        width: 100%;
        margin-bottom: 25px;
    }
    .stolen-form .button .ajax-progress { top: 10px }
    .stolen-details .jcarousel-wrapper {
        clear: both;
        float: none;
        margin: 25px auto;
    }
    .page-registration-bike h1 { text-align: left }
    .Bike-register .field-width33 .info-msg { right: 0 }
    .Bike-register  .Left-ttip > .tooltip {
       right: 45px;
       left: auto;
		
    }
    .Left-ttip > .tooltip b {
        background: url(../images/all-icons.png) no-repeat -232px -316px;
        left: auto;
        right: -11px;
    }
	.Bike-register  .idcode-info.Left-ttip > .tooltip{
		right:75px;
		left: auto;
		top: -15px
	}
	.idcode-info.info-msg.Left-ttip p,.idcode-info.info-msg h4{font-size: 13px;}
    .stolen-details .field-submit { text-align: center }
    .alert-text a {
        width: 70%;
        font-size: 15px;
        padding: 5px 0;
    }
	.info-msg h4{font-size: 13px}
	.stolen-form .ajax-progress {margin-top: 8px}
	.region-clients p{padding-bottom: 10px}
	.Block-bike .info-text.profile-info{left: 137px;top: -1px;}
	.tc-popup .popup-content{padding: 40px 15px 20px}
	
	
	#scrollbar1 .viewport{height: 200px}
	.scroll-content p{margin-bottom: 15px}
	#scrollbar1{width: 98%}
	.terms-links{width: 100% !important}
	
	.text-tick{float: none;text-align: center;margin: 40px auto auto auto;width: 300px}
	.liability-quote,.text-tick .buttons{float: none;display: inline-block}
	.text-tick .hint{right: 20%}
}
@media screen and (max-width: 767px) { 
	.slides .field-name-body,.front .home-slogon{display: none}
	.flex-control-nav {bottom: 10px}
    /*GRID*/
    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
    }
    .container {
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .row {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .row .row .columns { padding: 0 }
    .row .centered { margin-left: 0 !important }
    .columns {
        width: auto !important;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .columns:last-child {
        margin-right: 0;
        float: none;
    }
    [class*="column"] + [class*="column"]:last-child { float: none }
    [class*="column"]:before { display: table }
    [class*="column"]:after {
        display: table;
        clear: both;
    }
    #header {
		position: absolute;
        transition: none 0.3s linear 0s;
    }
    #container { padding-top: 100px;}
	.community-page #container, .page-comment-reply #container, .page-comment-edit #container{padding-top: 0}
    .about-us  img.blogimages { margin-top: 0 }
    .contact-menu  #header { position: relative }
    .contact-page #container { padding-top: 99px }
    .contact-menu.contact-page #container { padding-top: 99px }
    #logo { margin-top: 18px }
    #logo a {
        background-image: url(../images/2x/logo@2x.png);
        background-position: 0 0 !important;
        background-size: 85px 66px !important;
        width: 85px;
        height: 66px;
    }
    .mob-Dnone { display: none }
    .node-type-faq .field-name-field-q-a {
        padding: 0 25px 25px;
        margin-top: 25px;
    }
    .top_left { float: left !important }
    .Header-banner {
        background-size: 950px;
        height: 94px;
    }
    .page-search .Header-banner { background-size: 15px }
    .terms-and-conditions-page .Header-banner { background-position: center -103px }
	 .collection-notice-page .Header-banner { background-position: center -411px }
    .contact-page #Main-container { background-position: 0 246px !important }
    .node-type-faq #Main-container,
    .node-type-about-us #Main-container { background-position: 0 98px }
	.partners-page #Main-container{background-position: 0 -400px}
    .privacy-policy-page #container,
    .terms-and-conditions-page #container,
    .three-steps-page #container { padding-top: 100px }
    .page-user .Header-banner { background-position: center -617px }
    .page-registration-rider .Header-banner { background-position: center -514px }
    .page-user.page-user-register .Header-banner { background-position: center -514px }
    .page-registration-bike .Header-banner { background-position: center -883px }
    .page-cart .Header-banner { background-position: center -1095px }
    .node-type-about-us #Main-container { background-size: 30px }
    .page-profile .Header-banner { background-position: center -990px }
    .privacy-policy-page h1,
    .terms-and-conditions-page h1,
	.collection-notice-page h1,
    .node-type-faq h1.page-title,
    .partners-page h1,
    #contact-address-block h2,
    .node-type-about-us h1,
    .page-user-password h1,
    .page-user h2,
    .User-login h2,
    .page-comment-reply .page-title,
    .page-comment-edit .page-title,
    .page-registration h1,
    .page-order-get-a-kit h1,
    .node-type-product h1,
    .page-cart h1,
    #payment-pane legend,
    .page-profile h1,
    .page-notfound h1 {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 10px !important;
        margin-top: 25px;
    }
    .page-comment-reply .page-title,
    .page-comment-edit .page-title {
        margin-top: 0;
        margin-bottom: 15px !important;
    }
    .page-stolen-bikes h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .privacy-policy-page .field-item p,
    .terms-and-conditions-page .field-item p,
	.collection-notice-page .field-item p,
    .partners-page .region-content p,
    .partners-page .content-text p,
    .about-us p,
    .vision p,
    .opportunity p,
    #editprofile p {
        font: 15px/22px "gotham_lightregular",arial;
        margin-bottom: 20px;
    }
	.privacy-policy-page .field-name-body ul li, .terms-and-conditions-page .field-name-body ul li, .collection-notice-page .field-name-body ul li{
		 font: 15px/22px "gotham_lightregular",arial;
	}
    .node-type-faq p { font: 13px/20px "gotham_lightregular",arial }
    .about-us p { padding-right: 0 }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited { font: 14px/18px "gotham_boldregular",arial }
    .node-type-faq .container-wrap { min-height: 0 }
    .partners-list h2,
    .region-clients h2 { font-size: 20px }
    #contact-form-block .form-textarea-wrapper,
    #contact-form-block .form-type-textfield { width: 100% }
    #contact-address-block div p { padding: 3px 0 3px 68px }
    #contact-form-block { margin-top: 25px }
    .contact-page .map {
        background-position: center -721px;
        background-size: 950px auto;
        height: 148px;
        margin-bottom: 0;
    }
    .opportunity h2,
    .vision h2 { font-size: 20px }
    .message { margin-top: 90px }
    .message p {
        font-size: 15px;
        line-height: 20px;
    }
    .top-img1,
    .top-img2 {
        background-size: 80px 32px;
        height: 32px;
        width: 80px;
    }
    .top-img1 { top: -68px }
    .top-img2 {
        top: -25px;
        right: 20%;
    }
    .views_slideshow_cycle_main { padding: 0 40px }
    .three-steps-page .block-views {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .views-slideshow-controls-text { top: 78px }
    .three-steps-page h2.ribbon {
        width: 290px;
        height: 69px;
        background-size: 290px 69px;
        font-size: 30px;
    }
    .three-steps-page h3 { font-size: 20px }
    .three-steps-page .views-field-title {
        font-size: 25px;
        line-height: 28px;
    }
    .three-steps-page .block-views p {
        font: 15px/22px "gotham_lightregular",arial;
        margin-top: 15px;
    }
    .views_slideshow_controls_text_previous a,
    .views-slideshow-controls-text-next a {
        background-size: 240px;
        width: 35px;
        height: 35px;
    }
    .views_slideshow_controls_text_previous a { background-position: -128px -54px }
    .views-slideshow-controls-text-next a { background-position: -168px -54px }
    body.sidebar-second .content-sidebar-wrap { width: 100% }
    body.sidebar-second #sidebar-second { width: 100% }
    .nivo-caption-width { display: none }
    .popup-content form { padding: 20px }
    .popup-content .form-footer a,
    .User-login .form-footer a {
        padding-bottom: 15px;
        display: block;
        padding-bottom: 15px;
        position: inherit;
        top: 0;
    }
    .reg-popup { width: 85% }
    .reg-popup p { padding: 5px 10% 15px }
    .User-login { width: 85% }
    .page-user-password .Header-banner { background-position: 0 -410px !important }
    .region-front-welcome .block-block {
        background: none;
        max-width: 100%;
	   padding: 115px 15px 25px;
        height: auto;
    }
    .page-community.community-page .region-front-welcome,
    .community-page .region-front-welcome,
    .page-comment-reply .region-front-welcome,
    .page-comment-edit .region-front-welcome {
        background-position: 0 bottom;
        background-color: #527887;
        background-size: 10px auto;
        height: auto;
        margin-bottom: 30px;
        padding-top: 0;
    }
    .page-community.community-page .region-front-welcome { background-color: #485f81 !important }
    .region-front-welcome .block-block .content,
    .region-front-welcome h2 { padding-left: 0 }
    .region-front-welcome h2 {
        font-size: 26px;
        line-height: 28px;
    }
    .region-front-welcome p { font: 16px/22px "gotham_lightregular",arial }
    .bloglist h2 a,
    .community-page h1 {
        font-size: 20px;
        line-height: 22px;
    }
    .page-community .bloglist .content {
        font: 16px/22px "gotham_lightregular",arial;
        margin-top: 20px;
    }
    .reset-pw { width: 100% }
    .block-instagram-block .content {
        display: block;
        margin: auto;
        overflow: hidden;
        width: 275px;
    }
    .Register .form-radios .form-item { margin: 8px 65px 10px 0 }
    .page-order-get-a-kit .Header-banner,
    .node-type-product  .Header-banner { background-size: auto }
    .ids-block .form-radios .form-item { margin-bottom: 75px }
    p.decription,
    .decription p {
        font: 20px/25px "gotham_lightregular",sans-serif;
        margin: 20px 0 35px;
    }
    .ids-block label strong {
        font: 16px/20px "gotham_lightregular",sans-serif;
        padding: 10px 25px 0;
    }
    .node-type-product  .container-wrap { margin-top: -390px }
    .ids-block label { font-size: 20px }
    #delivery-address-pane .form-item,
    #delivery-address-pane .form-item-panes-delivery-delivery-first-name,
    #delivery-address-pane .form-item-panes-delivery-delivery-street1,
    #delivery-address-pane .form-item-panes-delivery-delivery-zone,
    #delivery-address-pane .form-item-panes-delivery-delivery-postal-code,
    .order-fieldform-delivery .field-width50,
    .order-fieldform-delivery .field-width50:nth-child(2n+1),
    .order-fieldform .field-width50,
    #billing-address-pane .form-item-panes-billing-billing-first-name,
    #billing-address-pane .form-item-panes-billing-billing-street1,
    #billing-address-pane .form-item-panes-billing-billing-zone,
    #billing-address-pane .form-item-panes-billing-billing-postal-code,
    #billing-address-pane .form-item {
        width: 100%;
        margin-right: 0;
    }
    .Block-kitcode .fieldset-legend,
    .profile-form .block-title,
    .Block-Botsection h2 { font-size: 20px }
    .Block-kitcode .form-item:nth-child(even),
    .Block-kitcode .form-item,
    .profile-form .field-width50.right-space,
    .profile-form .field-width50,.Block-kitcode .profile-riderid,.Block-kitcode .profile-riderid.odd {
        width: 100%;
        margin-right: 0;
    }
    .edit-profile input.form-text,
    .edit-profile textarea.form-textarea { width: 100% !important }
    .jcarousel li {
        -ms-transform: inherit !important;
        -webkit-transform: inherit !important;
        transform: inherit !important;
    }
    .bike-wrapper.edit-profile .form-item-purchase { margin-bottom: 30px }
    .Upload-bike div { width: 100% }
    .Block-urifo .form-item-personal-dob {
        clear: both;
        width: 100%;
        margin-top: 15px;
    }
    .Block-bike .form-item-purchase { margin-bottom: 20px }
    .Upload-txt { margin-top: 15px }
    .insured-padd { padding-top: 20px }
    .insured-padd .form-item { border-bottom: 0 none }
    #edit-relativemsg,
    .Bike-register .form-textarea.bike-textarea { line-height: 20px }
    .alert-text h3 { font-size: 20px }
    .jcarousel-control-prev,
    .jcarousel-control-next { top: 40% }
    .front .home-slogon { top: 107px }
    .page-stolen-bikes #Main-container { background-position: 0 100px }
    .stolen-blocks { width: 100% }
    .stolen-blocks { padding-bottom: 100px }
    .page-stolen-bikes .stolen-block {
        width: 90%;
        margin: auto 5%;
    }
    .skip-button { top: -38px }
    .bike-frmenu .Left-ttip > .tooltip { right: 0 }
    .bike-frmenu .Left-ttip > .tooltip {
        right: 45px;
        left: auto;
    }
    .bike-frmenu .Left-ttip > .tooltip b {
        background: url(../images/all-icons.png) no-repeat -232px -316px;
        left: auto;
        right: -11px;
    }
    .bikecode .Bot-ttip .tooltip {
        height: 185px;
        right: 45px;
        top: -78px;
        width: 235px;
        left: auto;
        padding: 10px;
    }
    .bikecode .Bot-ttip .tooltip b {
        background: url(../images/all-icons.png) no-repeat -232px -316px;
        height: 33px;
        right: -11px;
        top: 42%;
        width: 11px;
    }
    .stickers-poup .width { margin: 40px auto }
    .stickers-poup .close {
        top: -20px;
        right: -20px;
    }
	.idcode-info.Left-ttip > .tooltip,.Block-bike .idcode-info.Left-ttip > .tooltip,
	.Block-kitcode .odd .idcode-info.Left-ttip > .tooltip{left: -277px;}
	.idcode-info.Left-ttip > .tooltip b,
	.Block-bike .idcode-info.Left-ttip > .tooltip b,
	.Block-kitcode .idcode-info.Left-ttip > .tooltip b{
		left: 265px;
		background: url("../images/all-icons.png") no-repeat scroll -233px -318px rgba(0, 0, 0, 0);
	}
	.Bike-register.kit-code .info-msg{right: 0;background-position: left top;}
	.insur-ttp.info-msg{right: 0 }
	.Left-block h4,.Right-block h4{display: block;
		width: 100%;
		background-size: 280px;
		margin: 25px auto
	}
	.get-title{display: none}
	.IDs-list .Left-block{
		 border: 0 none;
   padding: 0;margin: 0;
    width: 100%;
	}
	.IDs-list .Right-block{width: 100%;padding-top: 0}
	.IDs-list{padding-top: 0}
	.IDs-list li:last-child{margin-bottom: 35px}
	.IDs-list li{font: 18px/23px "gotham_lightregular",arial;min-height: 0 !important}
	
	.terms-links{width: 75%}
	
}
@media screen and (max-width: 950px) { 
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #main-menu ul { display: none }
    #main-menu li ul {
        position: static;
        border: 0;
    }
    #main-menu li ul ul {
        margin: 0 !important;
        border: 0;
    }
    #main-menu { border: 0 }
    #main-menu li li a { text-align: center }
    #main-menu li:hover > ul,
    #main-menu li li:hover > ul,
    #main-menu li li li:hover > ul { display: none }
    .drop-down-toggle { display: block }
    #main-menu li li .drop-down-toggle { top: 5px }
    #main-menu .nav-toggle {
        display: block;
        font-size: 15px;
        font-weight: normal;
        color: white;
        letter-spacing: 1px;
        text-align: center;
        background: url("../images/all-icons.png") no-repeat scroll -138px -75px #39b54a;
        height: 30px;
        width: 30px;
        float: right;
    }
    #main-menu ul.menu li {
        border-bottom: 1px solid #e7e7e7;
        margin: 0;
        text-align: left;
        width: 100%;
    }
    #main-menu ul.menu li:last-child { border-bottom: 0 none }
    #main-menu li:hover >a:hover,
    #main-menu li.active-trail  a {
        border: 0 none !important;
        box-shadow: 0 0 0 0 red;
        background-color: #5BB764;
    }
    #main-menu ul {
        background: url("../images/green-pattern.jpg") repeat scroll left top;
        right: 0;
        top: 35px;
        width: 250px;
        z-index: 1000;
    }
    #main-menu a {
        color: #fff;
        padding: 10px 8px;
        margin: 0;
        text-shadow: 0 1px 1px #000 !important;
        border: 0 none;
    }
    #main-menu li:hover > a:hover,
    #main-menu li.active-trail > a,
    .front .Header-bg #main-menu li:hover > a:hover { border: 0 none }
    .Header-bg #main-menu a {
        color: #fff !important;
        text-shadow: 0 1px 1px #000 !important;
    }
    #main-menu.menu-open   ul { overflow: auto !important }
    .top_right .region ul.menu li a { min-width: 90px }
    .top_right {
        float: right !important;
        width: auto !important;
    }
    .front .Header-bg #logo a { background-image: url(../images/2x/logo@2x.png) }
    .front  #logo a { background-image: url(../images/2x/white-logo@2x.png) }
    .front  #main-menu .nav-toggle { background: url("../images/all-icons.png") no-repeat scroll -138px -97px #fff }
    .front .Header-bg #main-menu .nav-toggle { background: url("../images/all-icons.png") no-repeat scroll -138px -75px #39b54a }
    .front .Header-bg #logo a { background-position: left -79px }
    .menu_wrapper {
        clear: none;
        width: auto;
        margin-top: 0;
    }
    #header { padding-bottom: 10px }
    .Header { padding: 0 15px }
    .social-icons { float: left }
    .social-icons li {
        margin-left: 7px;
        margin-right: 7px;
    }
    .credits { right: 15px }
    .region-clients img { margin: auto 15px }
    .container-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    .front .container-wrap,
    .three-steps-page .container-wrap,
    .node-type-about-us .container-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .popup-content { margin: 100px auto auto }
    .popup {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .popup-content .form-text,
    #user-pass .form-text,
    #user-profile-form .form-text,
    .User-login .form-text {
        height: 47px;
        width: 100%;
    }
    .Forget-pw { width: 85% }
    .indented { margin-left: 20px }
    #contact-form-block .form-textarea-wrapper { width: 100% }
    #search-block-form .container-inline { width: 270px }
    #search-block-form .form-text { height: 36px }
    #search-form .form-text { height: 38px }
    .Register .form-text,
    .Register .form-textarea,
    .kit-form .form-text,
    .User-register .form-text,
    .User-register .form-text,
    .Bike-register .form-text,
    .Bike-register .field-width25.padd input {
        height: 35px;
        width: 100%;
        padding: 5px 2%;
    }
    .User-register .form-textarea,
    .Bike-register .form-textarea { width: 100% }
    .purchase-date select {
        padding: 5px 2%;
        width: 83%;
    }
    #edit-rider-image { margin: 15px auto }
    .blog-image { display: none }
    .img-blog { display: block }
    .page-registration-rider .form-type-textarea { height: 160px }
    .without-label .form-type-textarea { height: 133px }
    .User-register #names-fieldset-wrapper .form-type-textfield,
    .Bike-register .form-item-kitid { width: 100% }
    .Register .form-radios label,
    .Block-urifo .radio-lbl label {
        width: 35px !important;
        height: 45px;
    }
    .ids-block {
        float: none;
        margin: 0 auto 75px auto;
    }
    .Block-bike #bike-fieldset-wrapper,
    .content-width {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-profile .container-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .edit-profile input.form-text,
    .Block-login.edit-profile .form-item-password input { height: 35px }
    .edit-profile textarea.form-textarea {
        height: 150px;
        width: 100% !important;
    }
    .cvv-infott { width: 320px }
    .edit-profile input.form-text,
    .edit-profile textarea.form-textarea { width: 100% !important }
    .stolen-form .field-input input { width: 100% }
    .stolen-blocks .jcarousel-wrapper { width: 200px }
    .stolen-blocks .jcarousel-control-prev,
    .stolen-blocks .jcarousel-control-next { top: 200px !important }
	#inner_header_wrapper{right: 15px !important}
	.container-inline-date .date-padding div{min-height: 75px}
}

@media screen and (min-width: 951px) { 
    #main-menu ul { display: block !important }
}
@media (-webkit-min-device-pixel-ratio: 1.25), (-webkit-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 120dpi), (min-resolution: 124.8dpi), (min-resolution: 144dpi), (min-resolution: 192dpi) { 
    #logo a,
    .front .Header-bg.social-icons .fb,
    .social-icons .fb,
    .front .Header-bg.social-icons .ins,
    .social-icons .ins,
    .front .Header-bg.social-icons .twitter,
    .social-icons .twitter,
    .toTop,
    #registration-rider-regcode .form-submit,
    .views_slideshow_controls_text_previous a,
    .views-slideshow-controls-text-next a,
    .views-slideshow-controls-bottom .views-field-title,
    .views-slideshow-controls-bottom .views-field-title:hover,
    .views-slideshow-pager-field-item.active .views-field-title,
    .pager-next a,
    .pager-previous a,
    .back-link b,
    .nxt-prev b,
    .nxt-prev .next b,
    #contact-address-block div span,
    #contact-address-block div.ph-no span,
    #contact-address-block div.mail-address span,
    #edit-add-name { background-position: 0 0 !important }
    #logo a {
        background-image: url(../images/2x/logo@2x.png);
        background-size: 125px 97px;
    }
    .front .Header-bg #logo a { background-image: url(../images/2x/logo@2x.png) }
    .front  #logo a { background-image: url(../images/2x/white-logo@2x.png) }
    .front .Header-bg.social-icons .fb,
    .social-icons .fb,
    .front .Header-bg.social-icons .ins,
    .social-icons .ins,
    .front .Header-bg.social-icons .twitter,
    .social-icons .twitter { background-size: 34px 34px }
    .front .Header-bg .social-icons .fb,
    .social-icons .fb { background-image: url(../images/2x/green-fb@2x.png) }
    .front .Header-bg .social-icons .ins,
    .social-icons .ins { background-image: url(../images/2x/green-ins@2x.png) }
    .front .Header-bg .social-icons .twitter,
    .social-icons .twitter { background-image: url(../images/2x/green-twit@2x.png) }
    .toTop {
        background-size: 26px 26px;
        background-image: url(../images/2x/back-top@2x.png);
    }
    #contact-form-block .bost-bg {
        background-image: url(../images/2x/postcard_strip@2x.png);
        background-size: 152px 14px;
    }
    .front #main-menu .nav-toggle { background-image: url(../images/2x/green-menu@2x.png) !important }
    #main-menu .nav-toggle,
    .front .Header-bg #main-menu .nav-toggle {
        background-image: url(../images/2x/menu@2x.png) !important;
        background-size: 16px 13px !important;
        background-position: center center !important;
    }
    #registration-rider-regcode .form-submit {
        background-size: 16px 16px;
        background-image: url(../images/2x/plus@2x.png);
    }
    .views_slideshow_controls_text_previous a,
    .views-slideshow-controls-text-next a {
        background-size: 34px 34px;
        background-image: url(../images/2x/white-prev@2x.png);
    }
    .views-slideshow-controls-text-next a { background-image: url(../images/2x/white-next@2x.png) }
    .views-slideshow-controls-bottom .views-field-title,
    .views-slideshow-controls-bottom .views-field-title:hover,
    .views-slideshow-pager-field-item.active .views-field-title {
        background-image: url(../images/2x/li-slider@2x.png);
        background-size: 11px 11px;
    }
    .views-slideshow-controls-bottom .views-field-title:hover,
    .views-slideshow-pager-field-item.active .views-field-title { background-image: url(../images/2x/li-slider-sel@2x.png) }
    .pager-next a,
    .pager-previous a,
    .back-link b,
    .nxt-prev b,
    .nxt-prev .next b {
        background-image: url(../images/2x/red-next@2x.png);
        background-size: 38px 38px;
    }
    .pager-previous a,
    .nxt-prev b,
    .back-link b { background-image: url(../images/2x/red-prev@2x.png) }
    .region-sidebar-second .block-block .content,
    .block-twitter-block .content,
    .block-instagram-block h2 {
        background-image: url(../images/2x/fb@2x.png);
        background-size: 56px 56px;
        background-position: center 0 !important;
    }
    .block-twitter-block .content { background-image: url(../images/2x/twitter@2x.png) }
    .block-instagram-block h2 { background-image: url(../images/2x/insta@2x.png) }
    #contact-address-block div span,
    #contact-address-block div.ph-no span,
    #contact-address-block div.mail-address span { background-size: 40px 44px }
    #contact-address-block div span { background-image: url(../images/2x/location@2x.png) }
    #contact-address-block div.ph-no span { background-image: url(../images/2x/phone@2x.png) }
    #contact-address-block div.mail-address span { background-image: url(../images/2x/mail@2x.png) }
    .tt-close,
    .close {
        background-image: url(../images/2x/close@2x.png);
        background-size: 28px 28px;
        background-position: center 0 !important;
    }
    .User-register #edit-add-name,
    .Bike-register .add-bike input,
    .User-register .add-info input,
    .add-button input,
    .add-link input,
    .Block-kitcode.edit-profile #edit-add-name,
    .content-width.add-link a,
    .add-bike .remove-link input {
        background-image: url(../images/2x/plus@2x.png);
        background-size: 12px 12px;
        background-position: 0 0 !important;
    }
    .info-msg {
        background-image: url(../images/2x/info@2x.png);
        background-size: 33px 33px;
        background-position: center 0 !important;
    }
	.Bike-register.kit-code .info-msg,.User-register #names-fieldset-wrapper .info-msg{background-position: left 0 !important;}
    .Bike-register .file-name,
    .profile-form .file-name {
        background-image: url(../images/2x/pin-clip@2x.png);
        background-size: 30px 30px;
        background-position: 10px 0 !important;
        background-repeat: none;
    }
    .Bike-register .file-name.err_msg,
    .file-name.err_msg { background: none }
    .cart-review .delete input,
    .User-register .remove-link input,
    .add-bike .add-link input,
    .Block-kitcode .remove-link input,
    .upload-remove {
        background-image: url(../images/2x/delete@2x.png);
        background-size: 26px 30px;
        background-position: 0 0 !important;
    }
    .page-community.community-page .region-front-welcome,
    .community-page .region-front-welcome,
    .page-comment-reply .region-front-welcome,
    .page-comment-edit .region-front-welcome {
        background-image: url(../images/2x/com1@2x.jpg);
        background-position: 0 bottom !important;
        background-size: auto 380px;
    }
    .community-page .region-front-welcome,
    .page-comment-reply .region-front-welcome,
    .page-comment-edit .region-front-welcome {
        background-image: url(../images/2x/com@2x.jpg);
        background-position: 0 bottom !important;
        background-size: auto 380px;
    }
    .minus input,
    .plus input {
        background-image: url(../images/2x/pay-minus@2x.png);
        background-position: 0 0 !important;
        background-size: 33px 33px;
    }
    .plus input { background-image: url(../images/2x/pay-plus@2x.png) }
    .profile-form .form-radios label {
        background-size: 14.5px 31px;
        background-image: url(../images/2x/female-smll@2x.png);
        background-position: 5px 0 !important;
        height: 31px;
    }
    .profile-form .form-radios .form-item:first-child label { background-image: url(../images/2x/male-smll@2x.png) }
    .Block-urifo .form-type-radio span,
    .Block-urifo .form-type-radio span.checked {
        background-size: 15px 15px;
        background-image: url(../images/2x/smll-chk@2x.png);
        background-position: 0 0 !important;
    }
    .Block-urifo .form-type-radio span.checked { background-image: url(../images/2x/smll-chked@2x.png) }
    .Register .form-radios label {
        background-size: 21px 45px;
        background-image: url(../images/2x/female-big@2x.png);
        background-position: center center !important;
    }
    .Register .form-radios .form-item:first-child label { background-image: url(../images/2x/male-big@2x.png) }
    .form-type-radio span,
    .form-type-radio span.checked {
        background-size: 22px 22px;
        background-image: url(../images/2x/big-chk@2x.png);
        background-position: 0 0 !important;
        width: 22px;
        height: 22px;
    }
    .form-type-radio span.checked { background-image: url(../images/2x/big-chked@2x.png) }
    .Bike-register .choose-file,
    .profile-form .choose-file,
    .browse {
        background-image: url(../images/2x/browse-button@2x.png);
        background-position: 0 0;
        background-size: 140px 35px;
    }
    .jcarousel-control-prev,
    .jcarousel-control-next {
        background-size: 20px 34px;
        background-image: url(../images/2x/slider-prv@2x.png);
        background-position: 0 0 !important;
    }
    .jcarousel-control-next { background-image: url(../images/2x/slider-nxt@2x.png) }
    .Block-bike { background-size: 15px }
    .Block-Topsection { background-size: 30px }
}

/**
 *  Following CSS is for velosure content on about-us page
 */
@media only screen and (min-width:768px) and (max-width:1023px){
	.velosure .insurtypes .list{margin-bottom: 20px}
	.velosure .insurtypes .cover-title{padding: 10px 9%}
	.velosure .insurtypes .cover-title .bike-value{padding: 0px 0px 0px 21px;font-size: 13px;}
	.velosure .insurtypes .cover-title{min-height: 175px;}
	.velosure .cover-title .quote-button{font-size: 14px}
    .velosure .dob-wrapper input{width: 26%;padding: 13px 0;}
	.velosure .insurtypes .pink-box .cover-title h3{padding-left: 8px;padding-right: 8px}
	.velosure .row .section-width{padding-left: 0;padding-right: 0}
}
@media only screen and (min-width: 768px) and (max-width:1199px){
    .velosure .insurtypes .list:nth-child(2n+1),.velosure .insurtypes .list{margin-left: -1%}
    .velosure .insurtypes .list{position: relative;}
    .velosure .insurtypes .list:first-child{z-index: 5;margin-left: 0}
    .velosure .insurtypes .list:nth-child(2){z-index: 4}
    .velosure .insurtypes .list:nth-child(3){z-index: 3}
    .velosure .insurtypes .list:nth-child(4){z-index: 2}
    .velosure .insurtypes .list:nth-child(5){z-index: 1}
    .velosure .insurtypes .list:hover,.velosure .insurtypes .list.sel{z-index: 10!important}
    
    .velosure .insurtypes .list{width: 20%}
    .velosure .insurtypes .bike-info{min-height: 32px}
    .velosure .insurtypes .list{width: 20%}
    .velosure .insurtypes .cover-title{padding: 15px 6%}
    
    .velosure .insurtypes.list-5 .list:first-child{z-index: 1}
    .velosure .insurtypes.list-5 .list:nth-child(2){z-index: 2}
    .velosure .insurtypes.list-5 .list:nth-child(3){z-index: 3}
    .velosure .insurtypes.list-5 .list:nth-child(4){z-index: 4}
    .velosure .insurtypes.list-5 .list:nth-child(5){z-index: 5}
    
    .velosure .insurtypes.list-4 .list:first-child{z-index: 1}
    .velosure .insurtypes.list-4 .list:nth-child(2){z-index: 2}
    .velosure .insurtypes.list-4 .list:nth-child(3){z-index: 3}
    .velosure .insurtypes.list-4.list:nth-child(4){z-index: 4}
    
    .velosure .insurtypes.list-3 .list:first-child{z-index: 1}
    .velosure .insurtypes.list-3 .list:nth-child(2){z-index: 2}
    
    .velosure .insurtypes .cover-title h3{min-height: 70px}
    .velosure .empty-bkvalue {
	    height: 36px;
	}
}
@media only screen and (min-width:320px) and (max-width:479px){
	.velosure .insurtypes .list {width: 100% !important}
    .velosure .insurtypes .dob-wrapper input {width: 26% !important;padding: 13px 5px}
    .velosure .insurtypes .cover-title .quote-button {font-size: 15px}
    .velosure .insurtypes .cover-title .bike-value {padding: 11px 10px 11px 22px;font-size: 13px}
}
@media (max-width: 767px) { 
    .velosure .insurtypes .list, .velosure .insurtypes .list:first-child{margin: 12px auto 0;float: none}
    .velosure .insurtypes .quote-title{display: block}
    .velosure .insurtypes .quote-cover{display: none}
    .velosure .insurtypes .cover-options{min-height: 0 !important}
    .velosure .insurtypes .cover-title h3{display: none}
    .velosure .insurtypes .cover-title .quote-button{margin-bottom: 0}
    .velosure .insurtypes .cover-title{border-radius: 0;padding-top: 10px}
    .velosure h2.banner{ font-size: 30px;line-height: 35px;}
    .velosure .insurtypes  .yellow-box .quote-button,
    .velosure .insurtypes .pink-box .quote-button{margin-top: 0}
    .velosure .insurtypes  .yellow-box .quote-button,
    .velosure .insurtypes .pink-box .quote-button{margin-top: 0}
    .velosure  .cover-options{min-height: auto}
    
    .velosure .insurtypes .quote-cover{border-radius: 0}
    
    .velosure .insurtypes .quote-cover{
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-top: 0 none;
    }
    .velosure .cover-title.mobile{display: block}
    .velosure .insurtypes .list{width: 415px}
    .velosure .insurtypes .quote-cover .cover-title{display: none}
    .velosure .insurtypes .amount-wrapper, .velosure .insurtypes .quote-button,
    .velosure .insurtypes .dob-wrapper{display: inline-block; width: 48%; vertical-align: top;position: relative}
    .velosure .insurtypes .quote-button{margin-top: 0}
    .velosure .insurtypes .dob-wrapper .front-dob{position: absolute;top: -20px;left: 0}
    .velosure .insurtypes .cover-title{padding-left: 10px;padding-right: 10px}
    .velosure .insurtypes .quote-title{text-align: left}
    .velosure .insurtypes  .amount-wrapper{margin-right: 2%;}
    .velosure .insurtypes  .dob-wrapper {margin-bottom: 30px}
    
    .velosure .insurtypes .list{
        box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
    }
    
    .velosure .empty-bkvalue {
	    display: none;
	}
    
    .velosure .cover-title .bike-value {max-width: 100%;}
}
@media (max-width: 1000px) {
	.velosure .section-width{max-width: 100%;padding: 10px 3%}
}