/*
*   Author: Tony Vu
    Date: 08.12.2013
    Description: Responsive css for hello theme

    Ipad dimension: 768x1024
    Iphone        : 640x960  
    Desktop       : 1200
    Laptop        : 992
*/


/*@media (min-width: 1200px) {}
@media (min-width: 768px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) {}
@media (min-width: 992px) and (max-width: 1199px) {}*/

/* Large desktop */
@media (min-width: 1200px) {
    /* Catalog page */
    .main .span12{}
    /* End Catalog page */
	.home_content2 > h1 {
    /*margin-left: -40px;*/
    text-align: left;
}
   .home_content2 {
     float: left !important;
    }
.cms-financial-advisors-home .left_fin_pan{float: left; width:51%; }
.cms-financial-advisors-home .right_media_pan{float: left; width: 358px; margin-left: 20px; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {.fb-like-box {
    float: left !important;
    width: 97%;
	
}
.fb-like-box.fb_iframe_widget > span,.fb-like-box iframe {
    width: 100% !important;
}
	.cms-financial-advisors-home .left_fin_pan{ width:100%;}

}

@media (max-width:990px){
    /* cart page */
    .extradiv{padding-left:0; padding-right:0; margin-top:20px}
    
    /* custoner login */
    .registered-customer{margin-top: 20px}
    /* homepage*/
    .img-responsive{display: inline-block}
    .l_block{text-align: center}
    .r_block, .m_block{text-align: center; padding-top:10px}
	.col-left{margin-right:0;}
	.col-right{margin-left:0;}
	.money-back{display:none;}
	.mini-products-list .product-details { margin-left: 0;}
	.home_content2 > h1 { margin-left:0px; text-align: left;}
	.main { /*width:900px; margin:0 auto; min-height:400px; */padding:0px 0 0px !important; }
	.main.col1-layout.full-container.fullgrid-main-container {padding: 20px 0 0px !important; margin-top: 106px;}
}

@media (max-width:980px) {
.call-order{
	display:none;
}
.money_back_gurantee { display:block;}
.mobile_cart {
    background: #848484 url("../images/mobile_cart.png") no-repeat scroll 15% 47%;
    display: block;
    float: right;
    height: 40px;
    margin: 5px 10px 0;
    opacity: 0.6;
    overflow: auto;
    position: absolute;
    right: 0;
    transition: all 300ms ease-in-out 0s;
    width: 45%;
    z-index: 9;
}
.nav-container .right_dir{display:none;}
.mobile_cart > a {
    color: #fff;
    font-size: 18px;
    line-height: 38px;
}	
}
@media (max-width: 400px) {
    .quick-access{bottom:-111px!important;}
}


/* Landscape phone to portrait tablet */
@media (min-width:767px){
    /* quick access nav */
    .quick-access{text-align: right;float: right;}   
    .navbar-header .navbar-brand, .navbar-inverse .navbar-brand{display: none;}
	#nav{margin-bottom:0;}
	
	
	.mobile_homeimage img {width: 100%;}   
    

}
@media (max-width: 768px) {
.grouped-row > li:first-child {
    width: 46%;
}
.grouped-row > li:nth-child(2) {
    width: 13%;
}
.grouped-row > li:nth-child(3) {
    width: 41%;
}

.call-order{
	display:block;
	    float: right;
    width: 100%;
}
.call-order a{
	border-radius: 0;
    font-size: 11px;
    margin-left: 10%;
    padding: 6px 16px;
    text-transform: uppercase;
	font-weight: bold;
}
.view-add { width:48%;}
	.home_content2 {
    width: 100%;
}
.fb-like-box.fb_iframe_widget {
    float: left !important;
    width: 97%;
}
.fb-like-box.fb_iframe_widget > span {
    width: 100% !important;
}
.fb-like-box.fb_iframe_widget iframe {
    width: 100% !important;
}
    .col-right{margin-top: 20px;}
	. navbar-nav li a.over ul.shown-sub{display:none;}
    
    /* quick access nav */
    .quick-access {
        bottom: -93px;
        clear: both;
        left: 0;
        padding-top: 15px;
        position: absolute;
        text-align: left;
        z-index: 1;
    }
    .header .links{margin: 0px 0 6px}
    .header .links .myaccount-text, .header .links .logout-text, .header .links .login-text, .header .links .cart-text, .header .links .checkout-text, .header .links .wishlist-text{/*display: none*/}
    .header .links .myaccount-icon, .header .links .logout-icon, .header .links .login-icon, .header .links .cart-icon, .header .links .checkout-icon, .header .links .wishlist-icon{font-size: 1.5em}
    .header .welcome-box{float: right; text-align: right}
    .header .toplink-div{float: left; margin-bottom: 10px;}
    /* custoner login */
    .registered-customer .required{text-align: left; margin-top: 10px}    
    
    /* My Dashboard */
   /* .col-order-date, .col-ship-to, .col-order-total, .col-order-status{display: none !important}*/
   .order-history-wrapper{width: 100%; overflow-y: hidden; overflow-x: scroll;}
    .box-account{width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block}
    /*.title-buttons{text-align: left}*/
    /* checkout /cart */
    .cart .totals{margin-top: 20px}
    .cart > form {width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block}
   /* #shopping-cart-table .item-editable, #shopping-cart-table .item-image, #shopping-cart-table .col-wishlist{display: none}*/
   
    /* catalog category */
    .pager-responsive .amount, .pager-responsive .limiter label{display: none}
    .pager-responsive .pagination{text-align: left}    
    .sorter .view-mode{padding-left:0}
    
    /* homepage */
    .home-callout{display: none}
    
    /* product page / additional information */
    #product-attribute-specs-table .data{padding-left:0} 
    
    /* wishlist */
  /*  #wishlist-table .row0{display: none}*/
    .my-wishlist #wishlist-view-form {width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block}
    /* left bar */
    .col-left.sidebar{}
    
    /* bootstrap 3 fix the scroll bar of Navbar on Mobile device */
    .navbar-collapse {max-height: none;}
    .dropdown-menu{padding-left: 8px;}
    
    /* footer */
    .footer .footer-right{text-align: left}
    
    #popupcart{left: 15px;}
    
    /* My downloadable product 
    #my-downloadable-products-table .orderid, #my-downloadable-products-table .date{display: none}*/
    .downloadable-product-wrapper {width: 100%; overflow-y: hidden; overflow-x: scroll; padding: 10px; border: 1px solid #dddddd; display: inline-block}
    .usp i{font-size: 1.5em}
    
    .block-tags{display: none}
    
    /* new arrival */
    .jcarousel-prev i, .jcarousel-next i, .bestsale-jcarousel-prev i, .bestsale-jcarousel-next i{font-size: 1em}
    
    /* homepage */
    .main-banner1 {text-align: center}
    .main-banner2 {text-align: center; padding-top: 10px}
    .header .form-language .input-group{float: left}
	.products-grid li.item{min-height:375px; text-align: center;}
	.catalogsearch-result-index .products-grid .product-name {
    padding-right:0px;
    min-height: 95px;
	}
    .catalogsearch-result-index .products-grid .price-box{padding-right: 0px;}
.catalog-category-view .products-grid .product-name {
    padding-right:0px;
    min-height: 95px;
	}
	
	.free_boldtext{font-size: 18px;}
	.free_boldtext > p {font-size: 12px !important;}
	.cart .freeshiping_gift_inner p{font-size: 100%;}
    .header .quick-link{display: none;}
    #search_mini_form {
        display: block !important;
        opacity:1!important;
    }
	.mobile_cart  {
    display: block;
    float: right;
    margin:5px 10px 0;
    overflow: auto;
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
background: url("../images/mobile_cart.png") no-repeat scroll 15% 47% #848484;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
opacity: 0.6;
width: 45%;
height: 40px;
 position: absolute;
right: 0;
width: 45%;
z-index: 9;
}
.nav-container .right_dir{display:none;}
.mobile_cart > a {
    color: #fff;
    font-size: 18px;
    line-height: 38px;
}
.fullgrid-header{position:relative;}
.destop_homeimage{display:none;}
.mobile_homeimage{display:block; width:100%;}
.mobile_homeimage img {width: 100%;}
.desktop_homeimage {display: none;}
.block-cart, .block-offer,.block-subscribe, .product-view .product-collateral, .p_outer{display:none;}
.cart .data-table td, .cart .data-table tr, .cart .data-table tbody, .cms-template-settings .data-table td, .cms-template-settings .data-table tr, .cms-template-settings .data-table tbody {
    display: block;
    text-align: center !important;
}
#shopping-cart-table {
    display: block;
    width: 100%;
}
.cart .data-table thead, .cart .data-table colgroup, .cms-template-settings .data-table thead, .cms-template-settings .data-table colgroup {
    display: none;
}
.cart .data-table tfoot {
    bottom: 0;
    left: 0;
    position: absolute;
}
.cart .data-table tr, .cms-template-settings .data-table tr {
    border: 1px solid #e9e9e9;
    margin: 4px 0 25px;
}
.cart .data-table td, .cart .data-table tr, .cart .data-table tbody, .cms-template-settings .data-table td, .cms-template-settings .data-table tr, .cms-template-settings .data-table tbody {
    display: block;
    text-align: center !important;
}
.cart .data-table tfoot, .cms-template-settings .data-table tfoot {
    display: block;
    width: 100%;
}
.cart .data-table, .cms-template-settings .data-table {
    padding-bottom: 90px;
    position: relative;
}
.cart .data-table tfoot button.button {
    margin: 3px 0;
	float:none;
}
.data-table tfoot tr td {
    padding: 0 !important;
}
.cart-table .btn-remove2{margin:0 auto;}

#tabbed p{ display:inline-block !important;}
.video-area { text-align:center; width:auto!important; float:none!important;}
.book-area {
    clear: both;
    width: 100% !important;
	text-align:center;
	margin-top:20px!important
}
#tabbed iframe { height:auto !important;}
.home_content2 {
    float: left;
    margin-top: 0em!important;
}
#tabbed { min-height:700px !important; border-bottom: 0 none;}
.desc-area { display:none;}
	.header-container .img-responsive {
		margin: 0 !important;
	}

.footer {
    text-align: center !important;
}

	.product-view .product-shop .second-sales > div {
    margin-top:0;}
	.cms-financial-advisors-home .left_fin_pan{ width:100%;}
.video_block { height: 195px;  margin-top: 10px;  padding-left: 16px;  max-width: 724px; width:100%; }
    
    
    .opc .allow .step-title::before {
        content: "Edit";
        position: absolute;
        right: 12px;
    }
    .col-right.sidebar {
        display: none;
    }
    
    .form-list .customer-name-middlename .name-firstname,.form-list .customer-name-middlename .name-firstname input.input-text,.form-list .customer-name-middlename .name-middlename,.form-list .customer-name-middlename .name-middlename input.input-text{width: 100% !important;}
    
}
 
/* Landscape phones and down */
@media (max-width: 600px) {
.call-order{
	display:block;
	    float: right;
    width: 88%;
}
.call-order a{
	border-radius: 0;
    font-size: 11px;
    margin-left: 0%;
    padding: 6px 16px;
    text-transform: uppercase;
	font-weight: bold;
}
.view-add { width:49%;}
.grouped-row > li:nth-child(3) {
    width: 49%;
}
.grouped-row > li:nth-child(2) {
    width: 12%;
}
.grouped-row > li:first-child {
    width: 38%;
}
	.video_block { height: 195px;  margin-top: 10px;  padding-left: 16px;  max-width: 563px; width:100%; }}
@media (max-width: 480px) {
    
    /* catalog category */
    .block-compare, .block-poll, .block-viewed, .block-wishlist{display: none}
    .col-main .category-image{display: none}
    .sorter .sort-by{padding-right: 0}
    /* catalog product view */
    .products-list .product-shop{margin-left: 0}
    .sorter .sort-by label{display: none}
    
    /* product options */
    .product-options{padding: 0}
    
    /* onepage checkout */
    .data-table td {padding:3px 8px;}
    .data-table thead th{padding:3px 2px;}    
    .cart .title-buttons .checkout-types{float:left; margin-top: 10px;}
    .order-review .buttons-set button.button{float: left; margin-left: 0}
    
    /* product review */
    #product-review-table th{padding: 3px}
    #product-review-table input[type="radio"]{margin:0; }
    
    .usp .icon{display: none}
    .bestsale h3, .newarrival h3{font-size: 20px !important;}
    
    
    /*homepage*/
    .mainblocks{display: none}
	#tabbed label.tabs { padding: 0 22px;}
	#tabbed p {
    display: inline-block !important;
    margin: 0 1%!important;
	}
	.product-view .product-shop .second-sales > div {
    margin-top:0;}
  .video_block { height: 195px;  margin-top: 10px;  padding-left: 16px;  max-width: 443px; width:100%; }
  .grouped-row > li:nth-child(3){width:98.9%; text-align:left;}
  .call-order{
	display:block;
	    float: right;
    width: 100%;
}
.grouped-row > li:first-child {
    width: 48%;
}
.product-shop .add_to_cart {
    float: left;
    width: 100%;
}
.add-to-box .grouped-row .add-to-cart {
    width: 100%;
}
.input-group {
    width: 100%;
}
.call-order a{
	    border-radius: 0;
    font-size: 11px;
    margin-left: 5%;
    padding: 8px 15px;
    text-transform: uppercase;
    width: 100%;
    border: 0;
	font-weight: bold;
}
.view-add { width:50%;}
    
}
@media (max-width: 390px) {
.call-order{
	display:block;
	    float: right;
    width: 100%;
}
.call-order a{
	border-radius: 0;
    font-size: 11px;
    margin-left: 10%;
    padding: 8px 16px;
    text-transform: uppercase;
	font-weight: 500;
	
}
.view-add { width:47%;}
.grouped-row > li:nth-child(2), .grouped-row > li:first-child{ min-height:70px;}
}
.img-responsive{ margin-top:0px;}
@media (max-width: 320px) {
 
.products-grid .product-name {width:auto!important ;}
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	    
        #shopping-cart-table{border: 0 none !important;}
		/* Force table to not be like tables anymore */
		#shopping-cart-table table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		#shopping-cart-table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		#shopping-cart-table tr { border: 1px solid #ccc; }
		
		#shopping-cart-table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
		}
		
		#shopping-cart-table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
            font-weight: 700;
		}
		
		/*
		Label the data
		*/
		#shopping-cart-table td:nth-of-type(1):before { content: ""; }
		#shopping-cart-table td:nth-of-type(2):before { content: "Product Image"; }
		#shopping-cart-table td:nth-of-type(3):before { content: ""; }
		#shopping-cart-table td:nth-of-type(4):before { content: "Unit Price"; }
		#shopping-cart-table td:nth-of-type(5):before { content: "Qty"; }
		#shopping-cart-table td:nth-of-type(6):before { content: "Subtotal"; }
		
	}