@charset "utf-8";
/* CSS Document */

/*
main screen display here and search as listed
******* These media screen as firstly important ******************* 
1.mobile = 320x599
2.mobile + andriod tab = 600x767
3.i-pad portrait and some android = 768x1023
4.i-pad landscape and laptop and large tablet = 1024x1280

**Not much important this query as per requirment write it down**
5.i-pad landscape and laptop and large tablet = 1280x1920

*/

/****************when this media query required then we will used this********************************
1.i-pad landscape and laptop = 1024x1144	***--media query already below in comment after 768x1023****
*/


/*=BY=AMJ=================================================if-required-then-start-work-in-this-media-style============Start=======================================================*/

@media only screen and (min-width:460px) and (max-width:598px)  {
	

}





}



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

	
}




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


}




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


}

/*=BY=AMJ=================================================if-required-then-start-work-in-this-media-style============End=======================================================*/

@media only screen and (min-width:320px) and (max-width:479px) {

}



/*=BY=AMJ=================================================320x479========Start===========================================================*/

@media only screen and (min-width:320px) and (max-width:599px) {
.pass-strenth, .check-manage{
	width:100%;
	}	
	
.banner-slider .item{
	height: 220px;
}

.location-section{
	width:100%;
	}
.location-section .lang-selection a{
	display:block;
	margin:0 auto;
	width:50%;
	margin-bottom:10px;
	}
.login .modal-dialog {
  width: 80%;
}
.button-main{
	background-image:none;
	padding:0 9px 0 8px;
	}
/*=BY=Kiran==============================Common css start here==================*/
#flip
{
display:block;

}
#panel
{
display:none;
}
/*====================css for index page start here====================*/
.container{
	width:100%;
	padding:0px 10px;
	}
/*====================css for header start here====================*/	
.navigation-menu li{
	display:block;
	float:none;
	background:none;
	border-bottom:1px solid #ccc;
	}
.navigation-menu .dropdown ul{
	position:relative;
	}
.main {
  margin-bottom: 10px;
  position: inherit;
  top: inherit;
}
.brand {
  margin-bottom: 8px;
}
/*====================css for category ====================*/	
#catgery-flip{ display:block;}
#cat-hide{ display:none;}
/*====================css for category ====================*/

/*====================css for header end here====================*/	

/*====================css for Content part start here====================*/	
.side-bar, .banner-slider{
	width:100%;
	}
.cat-nav li{
	float:none;
	background:none;
	border-bottom:1px solid #ccc;
	}
.cat-nav li a{
	padding:10px;
	}
.cat-nav li a:hover{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

}
.side-bar-list .media {
  border-bottom: 1px solid #000;
  padding: 10px;
}
.latest-offers{
	margin:0px 0px 20px 0px;
	}

/*====================css for Content part end here====================*/

/*====================css for footer part start here====================*/
.footer{
	padding:10px 0px;
	}
.footer-box{
	width:50%;
	}


.footer-box ul, .footer-box:last-child ul, .footer-box ul:first-child{
	min-width:100%;
	padding:0px;
	border:1px solid #aa75a3;
	border-width:0px 0px 1px 0px;
	margin:10px 0px;
	min-height:124px;
	
	}
.footer-box ul a{
	word-break:break-all;
	}
.bo-foot{
	background:#fff;
	padding:10px 0px;
	}
.footer .offset-top-25{
	margin:0px 8px;
	}
.fot-links a {
  display: inline-block;
  margin: 0;
  padding:0 0 7px 24px;
}
.media .pull-left {
  margin-right: 5px;
}
/*====================css for footer part start here====================*/
/*====================css for index page end here====================*/

/*====================css for Login start here====================*/
.popup-section .form-group .input-holder {
  width: 100%;
}
.popup-section .form-group label{
	width:100%;
	}
.popup-section{
	margin-bottom:20px;
	}
.popup-section h1{
	font-size:22px;
	}
/*====================css for index page end here====================*/

/*====================css for checkout page start here====================*/
.left-section-main, .right-section-main, .button-seprtaer, .checkout-login{
	width:100%;
	}
.check-bu-cover{
	width:100%;
	margin-top:0px;
	}
.button-seprtaer{
	margin-bottom:20px;
	}
.right-section-main{
	padding:0px;
	margin-bottom:20px;
	}
.checkout-inner{
	min-height:inherit;
	}
.checkout{
	padding:0px;
	}
.button-seprtaer, .left-devider{
	border:1px solid #ccc;
	padding:10px;
	}
/*====================css for checkout page end here====================*/

/*====================css for Under Construction page start here====================*/
.txt-container{
	padding:15px;
	margin:10px;
	}
.contact-section{
	word-wrap:break-word;
	}
.middle-container{}
.container-fluid{
	background:#e2c9a8;
	}
/*====================css for Under Construction page End here====================*/

/*====================css for hand bouquet Start here====================*/
.bouquet-thumbs-section .item {
  height: inherit;
  width: 100%;
}

.banner img{
	width:100%;
	} 
.bouquet-thumbs-section{
	margin:10px 0px;
	}
/*====================css for hand bouquet End here====================*/

/*====================css for Location page start here====================*/
.img-sect img{
	width:100%;
	}
.abt-us .media .pull-left, .location-main .media .pull-left {
  margin-right:0px;
}
.location-sect{
	margin:0px 0px 10px 0px;
	}
/*====================css for Location page End here====================*/

/*====================css for Contact Us page Start here====================*/
.left-panel, .right-panel{
	width:100%;
	}

/*====================css for Contact Us page End here====================*/

/*====================css for News listing Page Start here====================*/
.news-holder{
	width:30%;
	}
/*====================css for News listing Page End here====================*/

/*====================css for Payment option page start here====================*/
.pay-by-opt span, .pay-by-opt label {
  display: block;
}
.payment-option{
	width:100%;
	}
.payment-option .input-area label{
	width:26%;
	}
.payment-option .input-area .input-holder{
	width:74%;
	}
/*====================css for Payment option page end here====================*/
.media .media-body{
	overflow:inherit;
	}
.s-ttl{
	width:100%;
	}
/*====================css for Product detail page start here====================*/

.product-box {

  width: 100%;
}
.proccess-tab ul li a{
	padding:9px 21px;
	}
.input-group .inline-label{
	width:123px;
	}
.input-group .form-control {
  width: 170px;
}

/*====================css for Shipping info page start here====================*/
.shipping-left, shipping-right{
	width:100%;
	padding:0px;
	}
.offset-top-105{
	margin-top:10px;
	}
/*====================css for Shipping info page End here====================*/
/*====================css for Active Order page Start here====================*/
.table-container{
	overflow:auto;
	}
.slider-hagh{
	width:100%;
	}
.offset-top-45{
	margin-top:10px;
	}
/*====================css for Avenue decor page start here ====================*/
.product-left img, .product-left, .product-right{
	width:100%;
	}
#product-thumb, #product-thumb2{
	margin:10px 0px;
	}
.product-info{
	padding:10px 0px;
	}
/*====================css for Avenue decor page End here ====================*/

/*====================css for Dashboard page Start here ====================*/
.Dashboard-main-left {
  width: 100%;
}
.dash-full .form-group label {
  width: 41%;
}
/*====================css for Dashboard page End here ====================*/
	
}

/*=BY=AMJ=================================================480x599========Start===========================================================*/

@media only screen and (min-width:480px) and (max-width:599px) {



}

/*=BY=AMJ=================================================600x767=======Start============================================================*/


@media only screen and (min-width:600px) and (max-width:767px) {

/*====================css for header start here====================*/	
.navigation-menu li{
	display:block;
	float:none;
	background:none;
	border-bottom:1px solid #ccc;
	}

.banner-slider .item{
	height: 270px;
}
#flip
{
display:block;

}
#panel
{
display:none;
}
/*====================css for category ====================*/	

/*=BY=Kiran==============================CSS FOR INDEXS PAGE START HERE==================*/
.main {
  margin-bottom: 10px;
  position: inherit;
  top: inherit;
}
.brand {
  margin-bottom: 8px;
}
.container{
	width:100%;
	padding:0px 10px;
	}
.banner-slider {
  width: 65%;
}
.side-bar {
  width: 35%;
}
.side-bar-list .media {
  padding: 3px;
}
.side-bar-list .content {
  font-size: 12px;
  line-height: 15px;
}
/*====================css for category ====================*/	
#catgery-flip{ display:block;}
#cat-hide{ display:none;}
.cat-nav li{
	float:none;
	background:none;
	border-bottom:1px solid #ccc;
	}
/*====================css for category ====================*/


/*====================css for footer part start here====================*/
.footer{
	padding:10px 0px;
	}
.footer-box{
	width:50%;
	}
.footer-box ul .select, .footer-box ul a:hover {
  font-weight: normal;
}
.footer-box ul, .footer-box:last-child ul, .footer-box ul:first-child{
	min-width:100%;
	padding:0px;
	border:1px solid #aa75a3;
	border-width:0px 0px 1px 0px;
	margin:10px 0px;
	height:107px;
	
	}
.bo-foot{
	background:#fff;
	padding:10px 0px;
	}
.footer .offset-top-25{
	margin:0px;
	}
.fot-links a {
  display: inline-block;
  margin: 0;
}
.latest-offers{
	margin-bottom:55px;
	}
/*====================css for footer part start here====================*/
/*====================css for checkout page start here====================*/
.left-section-main{
	width:31%;
	}
.right-section-main{
	width:66%;
	}
.checkout-delivery-box .checkout h4, .checkout-delivery-box .checkout-login h4 {
  margin: 0px 0px 5px;
  padding: 0px 0px 5px;
}
.padding-bot-20{
	padding:0px 0px 5px;
	}
.offset-top-20, .offset-top-45, .offset-top-5, .offset-top-10, .offset-top-15, .offset-top-20, .offset-top-25, .offset-top-30, .offset-bottom-5, .offset-bottom-10, .offset-bottom-15, .offset-bottom-20, .offset-bottom-25, .offset-bottom-30, .padding-top-20, .padding-bot-20, .padding-top-10, .padding-bot-10{
	padding:2px 0px;
	margin:2px 0px;
	}

/*====================css for checkout page end here====================*/
.container-fluid{
	background:#e2c9a8;
	}
/*====================css for Under Construction page End here====================*/

/*====================css for hand bouquet Start here====================*/
.bouquet-thumbs-section .item {
  width:46%;
  margin:10px 20px 0 0 !important;
}
.banner img{
	width:100%;
	} 
/*====================css for hand bouquet End here====================*/

/*====================css for Contact Us page Start here====================*/
.left-panel, .right-panel{
	width:100%;
	}

/*====================css for Contact Us page End here====================*/
.news-holder{
	width:21%;
	}
/*====================css for Shipping info page start here====================*/
.shipping-left, shipping-right{
	width:100%;
	padding:0px;
	}
.offset-top-105{
	margin-top:10px;
	}
.checkout-inner{
	min-height:inherit;
	}

/*====================css for Shipping info page End here====================*/
.abt-us .media .pull-left, .location-main .media .pull-left{
	margin-right:0px;
	}
.img-sect{
	width:100%;
	}
.s-ttl-one{
	height:auto;
	}
.img-sect img{
	width:100%;
	}
.media .media-body{
	overflow:inherit;
	}
/*====================css for Active Order page Start here====================*/
.table-container{
	overflow:auto;
	}
/*====================css for Active Order page End here====================*/
/*====================css for Avenue decor page start here ====================*/
.product-left img{
	width:100%;
	}
#product-thumb, #product-thumb2{
	margin:10px 0px;
	}
.product-info{
	padding:10px 0px;
	}
/*====================css for Avenue decor page End here ====================*/
/*====================css for 29-7-2014 dashboard page ====================*/
.dash-full .form-group label {
  width:106px;
}
.right-section-main {
  width:65%;
  padding:0px;
}
/*====================css for 29-7-2014 ====================*/	
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.aa{
	padding:5px 3px !important;
	}
.cat-nav li a {

  padding: 10px 14px;
}
/*=BY=Kiran==============================CSS FOR INDEXS PAGE START HERE==================*/
.container{
	width:100%;
	padding:0px 10px;
	}
.banner-slider {
  width: 65%;
}
.banner-slider .item{
	height: 250px;
}
.side-bar {
  width: 35%;
}
.side-bar-list .media {
  padding: 3px;
}
.side-bar-list .content {
  font-size: 12px;
  line-height: 15px;
}



/*====================css for footer part start here====================*/
.footer-box{
	width:39%;
	}
.navigation-menu li a{
	font-size:11px;
	padding:10px 3px;
	}
.footer-box-right{
	width:61%;
	}
.footer-box ul .select, .footer-box ul a:hover {
  font-weight: normal;
}
.footer-box ul{
	min-width:104px;
	}
.footer-box:last-child ul {
  color: #3b3436;
  min-width: 224px;
}
/*====================css for checkout page end here====================*/
.container-fluid{
	background:#e2c9a8;
	}
/*====================css for Under Construction page End here====================*/
/*====================css for hand bouquet Start here====================*/
.bouquet-thumbs-section .item {
  width: 22%;
}
.banner img{
	width:100%;
	} 
/*====================css for hand bouquet End here====================*/
/*====================css for Contact Us page Start here====================*/
.left-panel, .right-panel{
	width:100%;
	}

}

/*@media only screen and (min-width:1024px) and (max-width:1144px) {

}
*/


/*=BY=AMJ=================================================1024x1280=======Start============================================================*/

@media only screen and (min-width:1024px) and (max-width:1280px) {


}



/*=BY=AMJ=================================================1280x1920=======Start============================================================*/

@media only screen and (min-width:1280px) and (max-width:1920px) {

}







/*BY-AMJ-**********if required then work below media query**********************************Start*********************************************************************************************************/

@media only screen and (min-width:800px) and (max-width:1280px) {




}

@media only screen and (min-width:320px) and (max-width:800px) {
/*----In this media query will write only regarding flex navigation classes----------------*/


}




@media only screen and (min-width:320px) and (max-width:1023px) {



}


@media only screen and (min-width:980px) and (max-width:1280px) {


}



@media only screen and (min-width:800px) and (max-width:1023px) {
	



}

/*BY-AMJ-**********if required then work below media query**********************************End*********************************************************************************************************/