/*----------------- start mobile device media screen css-----------------------*/


@media only screen and (min-width:50px) and (max-width:500px)
{

 .del-48-hrs img
{
    width:40% !important;
    margin-top:10px;
}

.nav {
  
  background:  #F59A35;
}
/* start search result css page  */

.banner_head { width:100%; float:left;  margin-bottom:10px; margin-top:4px;      }

.sbp_products_main_left { width:100%; float:left; margin-right:0%; }


.sbp_productlisting {
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0px 6px 0;
	background:#fff;
	margin-bottom:10px;
}







.sbp_productlistingbox_col1 {
	width:100%;
	float:left;
	margin-top:0.2em;
	}






.sbp_productlistingbox_col2 {
	width:100%;
	float:left;
	margin:0px;
	height:75px;
	border:0px;
}



.packagename_text24 {
	width:98%;
	color: #e16b08;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
}



.sbp_productlistingbox_col3 {
	width:97.5%;
	float:left;
	margin:0px 1% 0px 0.8%;
	}

.listin_head  { width:100%; float:left; }
.listin_head_left  { width:100%; float:left; }
.listin_head_right  { width:100%; float:left; text-align:center;}

.view_details_btn {
	width:43%;
	float:left;
	text-align:left;
	margin-left:60%;
	margin-top:-95px;
}


.sbp_products_main_div_right { width:100%; float:left;  }

.rcmnd_package_box {
	width:98.8%;
	float:left;
	margin:0px 0.0em;
	border:#d1d1d1 1px solid;
}

.package_table  li {
	width:85%;
	float:left;
	display:block;
	color:#626262;
	font-size:13px;
	padding:3px 0px 3px 20px;
	background:url(../images/note_icon.png) no-repeat 0 5px;
}


.slogan .newsletterinput
{
        width:85%;
}
.searchBtn
{
    width:10%;
}

/* starts css login page */
.logindetailmain {
	width:90%;
	float:left;
	margin:0px 5%;

}

    div.dropdown
    {
        width: 100%;
        float: left;
        margin: -8px 0px 0px 0px;
    }
    a.account
    {
        width: 93%;
        padding-left: 7%;
        border-radius:0px;
    }
    .account img
    {
        padding:3px 5px 0 0;
        float:right;
    }
    .productBox
    {
        width: 100%;
        height: auto;
    }
    .SlideBox1
    {
        width: 91%;
        height: auto;
    }

    .pageBanner
    {
        width: 100%;
    }
    .blue_bg
    {
        width: 99%;
        text-align: center;
    }
    .logo_left
    {
        width: 100%;
        margin: 1em 0px -0.7em 0px;
        text-align: center;
    }
    .logo_right
    {
        width: 100%;
        text-align: center;
    }
    .slogan
    {
        color: #F59A35;/*277501;*/
        font-size: 1.6em;
        margin-bottom: 0.3em;
        text-align: center;
    }
    .header_social_main
    {
        width: 100%;
        text-align: left;
    }
    .header_social
    {
        text-align: center;
        position: relative;
        overflow: hidden;
        display: inline;
        float: left;
        margin-right: -0.1em;
        padding: 0.3em 17%;
    }




    .toggleMenu
    {
        display: none;
        background: #666;
        padding: 10px 15px;
        color: #fff;
    }

    ul.bjqs-controls.v-centered li a
    {
        margin-top: 10%;
        display: block;
        padding: 5px;
        background: #fff;
        color: #000;
        font-size: 11px;
        text-decoration: none;
    }

    ul.bjqs-controls.v-centered li a:hover
    {
        background: #000;
        color: #fff;
    }


    .mid_container_main
    {
        width: 96%;
        float: left;
        margin: 0em 2%;
    }


    .sbp_products
    {
        width: 100%;
        float: left;
        padding: 0px;
        background: #fff;
        border: 1px solid #d1d1d1;
        margin: 0em 0 1em 0px;
    }




    .sbp_content_box_main
    {
        width: 100%;
        float: left;
        margin-bottom: 0.5em; /*1em;*/
        margin-top: 0.5em; /**/
    }
    .welcome_content
    {
        width: 98%; /*padding:1%; 	background: #fff; 	border: 1px solid #d1d1d1;*/
        margin: auto;
    }

    .newsletter_box_main
    {
        width: 100%;
        float: left;
        margin-left: 0%; /**/
        margin-bottom: 0.5em;
    }

    .newsletterbox
    {
        width: 92%;
        float: left;
        padding: 4%;
    }


    .footer_link
    {
        width: 98%;
        float: left;
        color: #fff;
        padding: 0px 1%;
    }
    .copyright
    {
        width: 98%;
        float: left;
        color: #fff;
        margin: 0.5em 1%;
    }


}


/*---------- start tablet media screen css-----------------------*/





@media only screen and (min-width:501px) and (max-width:850px)
{
    
     .del-48-hrs
{
    margin-top:-10px;
    margin-right:168px;
}
     .del-48-hrs img
{
    width:40% !important;
}
    .nav {
  
  background:  #F59A35;
}
/* start search result css page  */

.banner_head { width:100%; float:left;   margin-bottom:10px;   margin-top:8px;    }

.sbp_products_main_left { width:100%; float:left; margin-right:0%; }


.sbp_productlisting {
	width:100%;
	float:left;
	padding:0px;
	margin:0px 0 6px 0;
	background:#fff;
	margin-bottom:10px;
}







.sbp_productlistingbox_col1 {
	width:100%;
	float:left;
	margin-top:0.2em;
	}






.sbp_productlistingbox_col2 {
	width:100%;
	float:left;
	margin:0px;
	height:75px;
	border:0px;
}



.packagename_text24 {
	width:98%;
	color: #e16b08;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
}



.sbp_productlistingbox_col3 {
	width:97.5%;
	float:left;
	margin:0px 1% 0px 0.8%;
	}

.listin_head  { width:100%; float:left; }
.listin_head_left  { width:100%; float:left; }
.listin_head_right  { width:100%; float:left; text-align:center;}

.view_details_btn {
	width:43%;
	float:left;
	text-align:left;
	margin-left:60%;
	margin-top:-95px;
}


.sbp_products_main_div_right { width:100%; float:left;  }

.rcmnd_package_box_small_main {
	width:30%;
	float:left;
	padding:8px 0.5em 1px 0.5em;
	margin:0px 0px 0px 0px;
	/*border-bottom:1px solid #6f6f6f;*/s
}




    
    
    /* starts css login page */
.logindetailmain {
	width:90%;
	float:left;
	margin:0px 5%;

}


    .productBox
    {
        width: 232px;
        height: auto;
    }
    .pageBanner
    {
        width: 100%;
    }
    .blue_bg
    {
        width: 99%;
        text-align: right;
        padding-right: 1%;
    }


    .logo_left
    {
        width: 49%;
        float: left;
        text-align: left;
        margin: 1em 0 0 1%;
    }


    .logo_right
    {
        width: 49%;
        margin-right: 1%;
        text-align: right;
    }
    .slogan
    {
        color: #F59A35;/*277501;*/
        font-size: 1.6em;
        margin-bottom: 0.3em;
        text-align: right;
    }

    .header_social_main
    {
        width: 100%;
        text-align: center;
    }
    .header_social
    {
        text-align: center;
        position: relative;
        overflow: hidden;
        display: inline;
        float: right;
        margin-right: -0.1em;
        padding: 0.3em 0%;
    }
    ul.bjqs-controls.v-centered li a
    {
        margin-top: 6%;
        display: block;
        padding: 8px;
        background: #fff;
        color: #000;
        font-size: 13px;
        text-decoration: none;
    }

    ul.bjqs-controls.v-centered li a:hover
    {
        background: #000;
        color: #fff;
    }

    .mid_container_main
    {
        width: 96%;
        float: left;
        margin: 0em 2%;
    }


    .sbp_products
    {
        width: 100%;
        float: left;
        padding: 0px;
        background: #fff;
        border: 1px solid #d1d1d1;
        margin: 0em 0 1em 0px;
    }


    .img_1
    {
        width: 105%;
        height: auto;
    }


    .sbp_content_box_main
    {
        width: 100%;
        float: left;
        margin-bottom: 0.6em; /**/
        margin-top: 0.6em;
    }
    .welcome_content
    {
        width: 98%; /*padding:1%; 	background: #fff; 	border: 1px solid #d1d1d1;*/
        margin: auto;
    }

    .newsletter_box_main
    {
        width: 100%;
        float: left;
        margin-left: 0%; /**/
        margin-bottom: 0.6em;
    }

    .newsletterbox
    {
        width: 92%;
        float: left;
        padding: 4%;
    }
    
    /*cart theme*/
    /* Cart */
	.ref{ display:none;}
	/* Cart */
	.ref,  .product, .unit-price{ display:none;}
	#cart thead tr th.desc{
		border:1px solid #e7e7e7;
		border-width:1px 0px 1px 1px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;	
	}
	.coupon input#coupon_code{ width:225px;}
	
	
	
	/* Checkout */
	.available{ display:none;}
	#billing_country, #billing_state{ width:92%;}

}
@media only screen and (min-width:851px) and (max-width:1300px) {
/*.blue_bg {
	width: 99%;
	text-align: right;
	padding-right: 1%;
}*/
     .del-48-hrs
{
    margin-top:-10px;
    margin-right:20%;
}
 .del-48-hrs img
{
    width:40% !important;
}
}
@media screen and (max-width: 768px)
{
   
    .nav {
  
  background:  #F59A35;
}
    .pageBanner
    {
        width: 100%;
    }
    .navigation_main
    {
        width: 100%;
        float: left;
    }
    .toggleMenu
    {
        display: none;
        background-repeat: no; /*  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#287701), to(#39ab02));   background: -webkit-linear-gradient(top, #287701, #39ab02);   background: -moz-linear-gradient(top, #287701, #39ab02);   background: -ms-linear-gradient(top, #287701, #39ab02);   background: -o-linear-gradient(top, #287701, #39ab02);   */
        border-bottom: 5px solid #009ED6;
        padding: 10px 4%;
        color: #fff;
        width: 92%;
    }

    .active
    {
        display: block;
    }
    .nav > li
    {
        float: none;
    }
    .nav > li > .parent
    {
        background-position: 95% 50%;
    }
    .nav li li .parent
    {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul
    {
        display: block;
        width: 100%;
    }
    .nav > li.hover > ul, .nav li li.hover ul
    {
        position: static;
    }
    
    /* Cart */
	.ref,  .product, .unit-price{ display:none;}
	#cart tbody td{ padding:6px 3px;}
	#cart thead tr th.desc{
		border:1px solid #4C347C;
		border-width:1px 0px 1px 1px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;	
	}
	.coupon input#coupon_code{ width:105px;}
	.coupon input.button.coupon{ float:none!important; margin-bottom:10px; width:150px}
	
	/* Checkout */
	.available{ display:none;}
	#billing_company { width:90%;}
	

}



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) 
    {
        .nav {
  
  background:  #F59A35;
}
        .container-checkout { width: 300px; }
        .columns, .column { margin: 0; }
		
		.container-checkout .one.column,
        .container-checkout .two.columns,
        .container-checkout .three.columns,
        .container-checkout .four.columns,
        .container-checkout .five.columns,
        .container-checkout .six.columns,
        .container-checkout .seven.columns,
        .container-checkout .eight.columns,
        .container-checkout .nine.columns,
        .container-checkout .ten.columns,
        .container-checkout .eleven.columns,
        .container-checkout .twelve.columns { width: 300px;  margin-bottom:20px;}

        /* Offsets */
		
		.container-checkout .offset-by-one,
        .container-checkout .offset-by-two,
        .container-checkout .offset-by-three,
        .container-checkout .offset-by-four,
        .container-checkout .offset-by-five,
        .container-checkout .offset-by-six,
        .container-checkout .offset-by-seven,
        .container-checkout .offset-by-eight,
        .container-checkout .offset-by-nine,
        .container-checkout .offset-by-ten,
        .container-checkout .offset-by-eleven { padding-left:0px; }
		
		/* Column Layouts */
		.one_half, .one_third, .two_third, 
		.three_fourth, .one_fourth, .one_fifth, 
		.two_fifth, .three_fifth, .four_fifth, 
		.one_sixth, .five_sixth						{margin-right: 0; margin-left:0; position:relative; float:left;  margin-bottom:20px }
		
		.one_half,
		.one_third,
		.one_fourth,
		.one_fifth,
		.one_sixth,
		.two_third,
		.two_fourth,
		.two_fifth,
		.two_sixth,
		.three_fourth,
		.three_fifth,
		.three_sixth,
		.four_fifth,
		.four_sixth { width: 96%;}
		.firstcols									{ margin-left:0px !important; clear:left }
		.last, .lastcols							{ margin-right:0px !important; clear:left; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) 
    {
        .nav {
  
  background:  #F59A35;
}
        .container-checkout { width: 420px; }
        .columns, .column { margin: 0; }
		
		.container-checkout .one.column,
        .container-checkout .two.columns,
        .container-checkout .three.columns,
        .container-checkout .four.columns,
        .container-checkout .five.columns,
        .container-checkout .six.columns,
        .container-checkout .seven.columns,
        .container-checkout .eight.columns,
        .container-checkout .nine.columns,
        .container-checkout .ten.columns,
        .container-checkout .eleven.columns,
        .container-checkout .twelve.columns { width: 420px; }
    }