@import url(http://fonts.googleapis.com/css?family=Bitter);
@import url(http://fonts.googleapis.com/css?family=Satisfy);


body {
	background:url('/assets/background.png') repeat;
  margin: 0;
  padding: 0;
  font-family:'Bitter', 'serif';
}

p {margin-top:0px;}

.fullcontainer {width:100%; height:auto; float:left; padding-bottom:30px;}
.container {width:1000px; height:100%; margin:0 auto; margin-top:50px;}

.smaller {
	font-size:12px; font-weight:normal; line-height:20px; padding-right: 5px;
}

/************** INPUTS **********************/
/*******************************************/

input[type="password"], input[type="text"] {font-family:'Bitter', 'serif'; font-size:14px; color:#485937; padding:5px; border-radius:8px; border:1px solid gray; }

/************ END INPUTS *******************/
/*******************************************/


.listtbl {
	/*border-right:1px #fff solid;*/
	
	padding-right: 20px;
	line-height:10px;

}

.listtblleft {
		margin-left: 20px;
padding-left: 20px;
/*border-right: 1px #fff solid;*/
padding-right: 20px;	
}


.listtbllast {
		margin-left: 20px;
padding-left: 20px;
padding-right: 20px;	
}



table {
display: table;
border-collapse: separate;
border-spacing: 0px;
border-color: gray;
}


/***************  HEADER  ********************/
/********************************************/
.headercontainer {width:100%; height:200px;min-width: 1002px;}
.headercontainerinner {width:100%; height:174px;background: rgba(109, 109, 65, 0.7); }
.headerbanner {width:1000px; height:100%; margin:0 auto;}
.headerlogo {width:241px; height:165px; background-repeat:no-repeat; float:left;}
.headerlogoimage {margin-top:50px;}
.headerslogan {width:458px; height:150px; background-repeat:no-repeat; float:left; text-align:center; margin-left:30px; margin-right:30px;}
.headerpei {width:216px; height:150px;background-image:url('/assets/peilogo.png'); background-repeat:no-repeat;  float:left;}
.headermenucontainer {width:100%; height:50px; border-top:3px dotted white; border-bottom:3px dotted white; }
.headermenu {width:1000px; height:100%; margin:0 auto;text-shadow: 1px 1px 1px #000; }
.headermenuitem {width:20%; float:left; text-align:center; padding-top:15px; font-weight:bold; font-size:18px;}
.headermenuitem a {text-decoration:none; color:White;}
.headermenuitem a:hover {text-decoration:none; color:#485937;}

/*************  END HEADER  ****************/
/******************************************/






/***************  HOME  ********************/
/********************************************/

.homefarm1 {
width: 100%;
height: auto;
float: left;
background-color: #669640;
border-radius: 15px;
margin-bottom: 15px;
}

.homeimage {width:100%; height:519px; float:left; background-image:url('/assets/homeheader1.jpg'); margin:0 0 10px 0; background-repeat:no-repeat;}

.homeimage-slide {width:100%; height:519px; float:left; margin:0 0 10px 0; background-repeat:no-repeat;}



.homecontent {width:100%; height:auto; float:left;}
.homeleft {width:62%; height:100%; float:left; padding-right:1%;}
.homefarm {width:100%; height:auto; float:left; background-color:#669640; border-radius:15px; margin-bottom:15px; padding-bottom:40px;}
.homerecipes {width:100%; height:auto; float:left;}
.homeleftcontent {width:93%; margin:0 auto; float:left; padding:20px 20px 5px 20px; font-size:16px; color:White; line-height:25px;}
.homeleftcontent a {color:White;}
.homeleftcontent a:hover {color:#485937; font-weight:bold;}
.homerecipeimage {width:100%; height:auto; float:left; background-color:#595c2c; border-radius:0px 15px 15px 15px; padding:20px 0 30px 0;}
.recipebackground {
    width: 90%;
    height: auto;
    background-image: url('/assets/recipecard.jpg');
    background-size: cover;
    margin: 12px auto;
    float: left;
    margin-left: 30px;
}
.recipeimage{float:left; width:310px; height:205px;}
.recipeimage img{width:310px; }
.recipetitle {font-family: 'Satisfy', 'cursive'; color:#595c2c; font-size:35px; float:left; width:100%;}
.recipedescription {font-family: 'Satisfy', 'cursive'; color:#595c2c; font-size:21px; float:left; width:190px; margin-left:15px;}
.viewrecipes {
    font-family: 'Satisfy', 'cursive';
    color: #595c2c;
    font-size: 31px;
    float: right;
    width: 200px;
    margin-left: 15px;
    text-decoration: underline;
    margin-top: 0px;
}

.homerecipeinner{padding:20px 15px;}
.homeleftimage {width:100%; height:236px; float:left; border-radius:0px 0px 15px 15px; background-image: url('/assets/ourfarmhome.png');}

.homeright {width:36%; height:100%; float:right; padding-left:1%;}
.homenew {width:100%; height:auto; float:left; background-color:#a0ad5a; border-radius:15px;}
.homenewimage {float: left;margin: 0 15px;padding: 5px;}
.newimage {width: auto;
height: auto;
background-color: white;
padding: 5px;}
.homebtncontainer {
    width: 250px;
    float: right;
    /* margin-right: 0px; */
    position: relative;
    z-index: 3;
    left: 20px;
    top: -45px;
}.ourseedbtn {font-weight:bold; color:#fff; font-size:20px;text-align:center; background-color:#a0ad5a; width:270px; float:left; padding:6px 20px 6px 6px; margin:20px 26px 0 0;text-shadow: 1px 1px 1px #000; 
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 40px 10px 10px 40px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 40px 10px 10px 40px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 40px 10px 10px 40px; 
  }
.ourgrainsbtn {font-weight:bold; color:#fff; font-size:20px;text-align:center; background-color:#669640; width:270px; float:left; padding:6px 20px 6px 6px; margin:20px 26px 0 0;text-shadow: 1px 1px 1px #000; 
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 40px 10px 10px 40px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 40px 10px 10px 40px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 40px 10px 10px 40px; 
  }

.margintop {
	margin-top:20px;
}

.hometitle {width:100%; height:50px;text-shadow: 1px 1px 1px #000;}
.hometitlefarm {width:150px;height:100%;  font-size:25px; padding:15px 0px 5px 17px; color:#ccc; font-weight:bold;letter-spacing:2px;}
.hometitlerecipes {width:150px; height:100%; font-size:25px; letter-spacing:2px; background-color:#595c2c; border-radius:15px 15px 0px 0px; color:#ccc; font-weight:bold; padding:10px 0px 10px 0px; text-align:center;}
.hometitlenew {width:220px; height:100%;  font-size:25px; letter-spacing:2px; padding:15px 0px 5px 17px; color:#ccc; font-weight:bold;}

.homenewsdate {color:#fff;font-size: 16px;padding:5px 0;}
.homenewsh2 {color:#595c2c; font-weight:bold; font-size:22px; padding:15px 0;}
.homenewsbody {color:#fff;font-size: 17px;padding-right:10px;}
.homenewsreadmore {color:#fff;font-size: 17px;padding:10px 0; text-decoration:underline;}
.homenewsreadmore:hover {color:#fff;font-size: 17px;padding:10px 0; text-decoration:underline; font-weight:bold; cursor:pointer;}

/***************  END HOME  ********************/
/********************************************/

a:link {color:#fff; text-decoration:none;}
a:hover {color:#a0ad5a; text-decoration:none;}
a:visited {text-decoration:none; color:#fff;}

p {color:#fff; font-size:15px;}


/*************** FARM ********************/
/********************************************/


h2 {
	font-family: 'Satisfy', 'cursive';
	color: #fff;
	font-size: 35px;
	float: left;
	font-weight:normal;
	padding:20px 0px;
	width:100%;
	margin:10px 0 0 0;
	text-shadow: 1px 1px 1px #000; 
	line-height: 35px;

}

h3 {
	font-family: 'Satisfy', 'cursive';
	color: #fff;
	font-size: 35px;
	float: left;
	font-weight:normal;
	padding-bottom:10px;
	width:100%;

}

.farmright {
width: 36%;
height: 100%;
float: left;
padding-left: 1%;

}

.farmrightcontainer {
width: 100%;
height: auto;
float: left;
background-color: #a0ad5a;
border-radius: 15px;
margin-bottom: 15px;
}


.didyouknowcontainer {
	background-color:#669640;
	  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 10px;
  width: 245px;
	padding: 30px;
	
}


.ourfarmseedbtn {font-weight:bold; color:#fff; font-size:20px;text-align:center;background-color:#669640;width:278px; float:left; padding:6px 20px 6px 6px; margin:20px 26px;text-shadow: 1px 1px 1px #000; 
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 40px 10px 10px 40px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 40px 10px 10px 40px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 40px 10px 10px 40px; 
  }
.ourfarmgrainsbtn {font-weight:bold; color:#fff; font-size:20px;text-align:center; background-color:#669640; width:278px; float:left; padding:6px 20px 6px 6px; margin:20px 26px;text-shadow: 1px 1px 1px #000; 
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 40px 10px 10px 40px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 40px 10px 10px 40px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 40px 10px 10px 40px; 
  }

.photon .caption p {
margin: 0;
padding: 5px 40px;
font-size:13px !important;
color: #669640 !important;
z-index: 100;
text-transform: none !Important;
font-family:'Bitter', 'serif' !Important;
}


/***************  END FARM  ********************/
/********************************************/

/***************  seed potatoes  ********************/
/********************************************/

.seedh2 {color:#595c2c; font-weight:bold; font-size:20px; padding:7px 0; width:200px; text-align:center;}

.staticimage {
	margin:10px 0; border:5px #fff solid; width:295px;
}
.fullwidth {
	width:100%; height:auto; float:left; padding-bottom:25px;
}
.varietyh3 {
	width:100%; border-bottom:1px white dashed; margin-bottom:20px;border-top:1px white dashed; padding-top:10px;
}
.varietysection {
	width:100%; margin-bottom:20px; float:left;
}
.varietiesdetailcontainer {float:left; width:25%; background-color:#C2D2BD; margin-bottom:20px; text-align:center !important; padding:10px 2px 10px 42px; border-radius:10px;  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.varietiesdetailphoto {float:left; margin-right:10px; text-align:center !important; margin-bottom:10px;width: 200px;}
.varietysleft {float:left; color:#46513d;; width:20%; margin-bottom:20px; margin-right:10px; font-weight:bold;}
.varietysright {float:left; color:#fff;width:77%;margin-bottom:20px;}
.varietydescription{float:left;}

.seedpotatocontainer{width:252px; height:auto; float:left; padding:10px; margin-right:10px;}
.seedphotocontainer {
	width:219px; height:313px; padding:20px; background-color: #fff; float:left; margin-right:10px; margin-bottom:10px; float:left; text-align:center;
}

.seedinfocontainer {
	width:390px; height:90px; padding:5px; float:left; margin-right:10px;
}



.detailsbuttongrey {
letter-spacing: 1px;
width: auto;
background-color: grey;
border-radius: 10px;
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

padding-left: 25px;
padding-right: 25px;
font-size: 15px;
text-align: center;
margin-top: 18px;
margin-right:10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
color:#fff;
text-shadow: 1px 1px 1px #000;
font-weight:bold;
}

.detailsbutton {
font-weight:bold;
text-shadow: 1px 1px 1px #000;
letter-spacing: 1px;
width: auto;
background-color: #adb44e;
border-radius: 10px;
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */

padding-left: 25px;
padding-right: 25px;
font-size: 15px;
text-align: center;
margin-top: 18px;
margin-right:10px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
color:#fff;
}

.detailsbutton:hover { background-color:#a0ad5a; cursor:pointer; }

.varietiesdetails {width:100%; height:auto; float:left; background-color:#669640; border-radius:15px;  -webkit-border-radius: 15px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 15px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 margin-bottom:15px; padding-bottom:20px;}


/***************  end seed potatoes  ********************/
/********************************************/

/***************  recipes  ********************/
/********************************************/

.recipebuttoncontainer {
	 float:right;
}


.recipeh2nodata {
color: #fff;
font-weight: bold;
font-size: 24px;
padding: 5px 0;
font-family: 'Satisfy', 'cursive';
text-shadow: 1px 1px 1px #000;
width: 150%;
margin-left: 130px;
}

.subscriptNew {font-size:13px; font-weight:normal; line-height:100% !important;}

.recipeh2 {color:#fff; font-weight:bold; font-size:24px; padding:5px 0;font-family: 'Satisfy', 'cursive';text-shadow: 1px 1px 1px #000; width:80%;}
.recipecontainer {width:100%; height:auto; float:left; background-color:#595c2c; border-radius:0px 15px 15px 15px;  -webkit-border-radius: 0px 15px 15px 15px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 0px 15px 15px 15px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 padding:20px 0 45px 0; margin-bottom:30px;}
.recipesingle {width: 457px;float: left;height: 140px;margin-left: 28px;margin-bottom: 60px;}
.recipephoto {width:200px; float:left;}
.recipeinfo{width:240px; float:left; margin-left:10px;}
.titlerecipes {width:250px; height:100%; font-size:25px; letter-spacing:2px; background-color:#595c2c; border-radius:15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 15px 15px 0px 0px; color:#ccc; font-weight:bold; padding:10px 0px 10px 0px; text-align:center;}
.recipedetailphoto {width:395px; float:left; margin-right:10px;}
.recipedetails {width:490px; float:left; height:auto; margin-left:10px;}
.viewallcontainer {width:100px; float:left;}
.ingredient {
	font-size: 13px;
 color:#fff;
 width:100%;
 margin-bottom:20px;
 line-height: 20px;
}

.printbutton {
	font-weight: bold;
text-shadow: 1px 1px 1px #000;
letter-spacing: 1px;
width: auto;
background-color: #adb44e;
border-radius: 10px;

padding-left: 25px;
padding-right: 25px;
font-size: 15px;
text-align: center;
margin-top: -39px;
margin-right: -36px;
padding-top: 11px;
padding-bottom: 10px;
float: right;
color: #fff;
}

.ingredientleft {
	width:17%;
	float:left;
	margin-bottom:20px;
	
}

.ingredientcenter {
	width:56%;
	float:left;
	margin-bottom:20px;
	
}


.ingredientright {
	width:27%;
	float:left;
	margin-bottom:20px;
	
}

.prepcontainer{
	font-size: 13px;
 color:#fff;
 width:100%;
 margin-bottom:20px;
 line-height: 20px;
}

.prepleft {
	width:20%;
	float:left;
	margin-bottom:20px;
	
	
}


.prepright {
	border-left: 1px solid #fff;
	padding-left:14px;
	width:65%;
	float:left;
	margin-bottom:20px;
	
}









/***************  end recipes  ********************/
/********************************************/



/***************   WHATS NEW  ********************/
/********************************************/

.blogpost {
	margin-top:-10px;
}


.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.newsdate {color:#fff;font-size: 16px;padding: 0px 0px 15px 0px;}
.newsmonths {color:#fff;font-size: 16px;text-align:center; text-decoration:underline; padding:10px 0;}
.newsmonths:hover {cursor:pointer;}
.blogphoto {width:200px; float:left; margin-right:10px; border:6px solid white;}
.newscontainer {margin-bottom:20px; float:left; width:100%;padding: 0px 30px;}	
.newsleftcontent {width:90%; margin:0 auto; float:left; font-size:16px; color:White; line-height:25px;}

.recipebtn {font-weight:bold; color:#fff; font-size:20px;text-align:center; text-shadow: 1px 1px 1px #000;background-color:#669640; width:278px; float:left; margin-top:10px; padding:6px 20px 6px 6px;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 40px 10px 10px 40px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 40px 10px 10px 40px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 40px 10px 10px 40px; 
  }
  
.newsnav {
	color:#fff; font-size:14px; padding:0 30px; width:100%;cursor:pointer;
}

.old {
	width:50%; float:left; text-decoration:underline;
}


.new {
	width:40%; float:left; text-align:right;text-decoration:underline; 
}


/***************  end WHATS NEW  ********************/
/********************************************/


/*************** CONTACT ********************/
/********************************************/

.formcontainer {
float: left;
margin-right: 10px;
background:rgba(255, 255, 255, 0.8);
width:95%;
padding: 20px 20px 40px 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
margin-left:10px;


}

.fieldcontainer {
float: left;
margin-right: 10px;


}


input[type="button"], input[type="submit"] {
background-color: #adb44e !important;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color: #fff;
text-align: center;
padding: 10px 20px 10px 20px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
margin-top: 20px;
float: left;
margin-right: 10px;
hover: box-shadow: 1px 1px 1px 0px #007b69;
cursor: pointer;
}

label {
	cursor:pointer; color:#82827d; margin-right:50px;
}

textarea {
border: 1px solid gray;
padding: 6px 10px 7px 8px;
margin: 0 0 10px 0;
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px;
border-color: #d3d0c5;
border-style: solid;
font-size: 0.85em;
line-height: 100%;
height: 250px;
color: #82827d;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
font-family:Bitter;
}


input[type=text],input[type="password"],{
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #669640;
padding: .5em;
margin: .2em auto;
border: 1px;
border-color: #d3d0c5;
border-style: solid;
font-size: 17px;
font-weight: bold;
float:left;
}


.fieldname {
color: #82827d;
font-size: 16px;
font-weight: bold;
float: left;
margin-top: 10px;
margin-right: 10px;
width: 100%;
}



.contactphonenumber {
	float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
	 	
	
}

.contactaddressleft{
	float:left;
	width:45%;
	
}

.contactaddressright{
	float:left;
	width:50%;
	
}
 




.contactleft {
	float:left;
	width:30%;
	margin:0 10px;
}

.contactmiddle {
	float:left;
	width:30%;
	margin:0 10px;
}

.contactright {
	float:left;
	width:30%;
	margin:0 10px;

}




/*************** END CONTACT ********************/
/********************************************/




/***************  FOOTER  ********************/
/********************************************/
.footercontainer {width:100%; height:auto; background-color:#485937; float:left; padding-bottom:35px; min-width:1000px;}
.footerinner {width:980px; height:100%; margin:0 auto;}
.footerlogo {width:192px; height:160px; margin-top:14px;float:left;}
.footercontact {width:198px; height:120px; float:left;  font-size:14px; color:#ccc; padding-left:20px; padding-top:30px;}
.footercontactbutton {width:400px; height:150px; float:left; text-align:center;}
.footercontactbutton a {text-decoration:none; color:White;}
.footerbutton {letter-spacing:1px;width:250px; height:20px; background-color:#adb44e; border-radius:15px;  font-size:20px; text-shadow: 1px 1px 1px #000; font-weight:bold;margin-top:43px; margin-left:30px; padding-top:20px; padding-bottom:40px;}
.footerbutton:hover {width:253px; height:22px; background-color:#a0ad5a; border-radius:15px; padding-top:21px;}
.footermenu {width:165px; height:130px; float:left; font-weight:bold; font-size:14px; text-align:left; padding-top:20px;}
.footermenu a {text-decoration:none; color:White;}
.footermenu a:hover {color:#ccc;}
.footercopy {width:100%; height:50px; border-top:1px solid #adb44e; float:left; margin-top:10px;}
.footercopyright {width:50%; float:left; color:White; padding-top:10px; font-size:14px;}
.footerwebsite {width:50%; float:right; text-align:right;  color:White; padding-top:10px; font-size:14px;}
.footerwebsite a {text-decoration:none; color:#adb44e; }
.footerwebsite a:hover {text-decoration:none; color:#adb44e; font-weight:bold;text-shadow: 1px 1px 1px #000;}
/*************  END FOOTER  ****************/
/******************************************/

.backtotopbtn {
	color: #fff;
	background-color: #333;
	opacity: .5;
	filter: alpha(opacity=50);
	position: fixed;
	z-index: 10001;
	right: 16px;
	bottom: 16px;
	width: 70px;
	text-align: center;
	padding: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	text-decoration: none;
	-webkit-transition: .1s all ease-in-out;
	-moz-transition: .1s all ease-in-out;
	transition: .1s all ease-in-out;
	font-family:Arial, Helvetica, sans-serif;
}

.backtotopbtn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}











 /*MEDIA QUERIES FOR RESIZING PAGES----------------------------------------------------------*/
 
/************************************************** START OF MEDIA QUERY FOR 1281************************************************************************/
 /*******************************************************************************************************************************************************/
 
 @media all and (min-width:1281px) 
 {
     
     

         
    
    
    }
     
/************************************************** ENDING OF MEDIA QUERY FOR 1281************************************************************************/
 /*******************************************************************************************************************************************************/




/************************************************** START OF MEDIA QUERY FOR 1024************************************************************************/
 /*******************************************************************************************************************************************************/


@media all and (max-width: 1280px) and (min-width: 1024px) 
 {
 	


  
    
  }   
    
 
  
    
/************************************************** ENDING OF MEDIA QUERY FOR 1024************************************************************************/
 /*******************************************************************************************************************************************************/


 
 /************************************************** START OF MEDIA QUERY FOR 780************************************************************************/
 /*******************************************************************************************************************************************************/
 
 @media all and (max-width: 1023px) and (min-width: 321px) 
 {
 	
 	
}



     
/************************************************** ENDING OF MEDIA QUERY FOR 780************************************************************************/
 /*******************************************************************************************************************************************************/
 
 
 