/*
Theme Name: Popanyinning
Theme URI: http://underscores.me/
Author: Prasun Pal
Author URI: http://www.liberatingdemo.com
Description: Popanyinning General Store - Wordpress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: popanyinning
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Popanyinning is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
font-family: 'Roboto', sans-serif;
overflow-x: hidden;
}
textarea {
	resize: none;
}
/* head */
.head {
	background-color: #fff;
	padding: 10px 0px;
}
.logo {
	height: 100px;
	width:  282px;
	background-image: url('img/logo.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-indent: -999px;
}


.social {
	float: right;
}

.social>ul>li {
	display: inline;
}

.phone {
	float: right;
	margin-top: 10px;
	clear: both;
	text-indent: -9999px;
	background-image: url('img/call_icon.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 50px;
	width: 169px;
}
/* nav */

.menu {
background-color: #e81010;	
color:#fff;
border-top: 10px solid #094281;
}

.container2 {
    padding-right: 0px; 
    padding-left: 0px; 
    margin-bottom: -20px;
}

.navbar-default {
	background-image:none;
}
.navbar-default .navbar-nav>li>a{
	padding: 20px 60px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color:#fff;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-default {
    background-color: #e81010;
    border-color: #e81010;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fac55d;
    background-color: #e81010;
    background-image:none;
    box-shadow:none;
    -webkit-box-shadow:none;
}

/* banner */

.banner {
	height: 400px;
	width: 100%;

}

.about-banner {
	height: 400px;
	width: 100%;
	background-image: url('img/about-banner.jpg');
	background-size: 100% 100%;

}

.acco-banner {
	height: 400px;
	width: 100%;
	background-image: url('img/acco-banner.jpg');
	background-size: 100% 100%;

}

.contact-banner {
	height: 400px;
	width: 100%;
	background-image: url('img/contact-banner.jpg');
	background-size: 100% 100%;

}

.innerbanner img {
	text-align: center;
}

/* about */

.about {
	padding-bottom: 60px; 
}

.about h4 {
margin-top: 105px;
color:#df1111;
font-weight: 600;
text-transform: uppercase;
}
.about h1 {
margin-top: 105px;
color:#df1111;
font-weight: 600;
text-transform: uppercase;
font-size: 24px;
}
.about h2 {
    margin: 10px 0 11px 0;
    color: #000;
    font-weight: 300;
    font-size: 18px;
}

.about p {
	text-align: justify;
	font-size: 16px;
	font-weight: 300;
}
.about p a {
	color:#000;
}
.about p a:hover {
	color:#000;
}

.aboutmore{
	color: #cd4029 !important;
	font-size: 14px;
	float: right;
}

.fruit {
	margin-top: 60px;
}



/* feture */
.feture {
	background:#072945;
	padding: 40px;
}

.feture h4 {
	text-transform: uppercase;
	color:#fff;
	font-weight: 600;
}

/* why us */
.whyus {
	background-image: url('img/whyus_bg.jpg');
	background-size: cover;
}

.whbg {
	width: 40%;
	background-color: #fff;
	opacity: 0.80;
	margin:90px 0px;
	padding: 30px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.whbg p {
	opacity: 1;
	color:#000;
	font-size: 16px;
}

/* product */
 .product {
 	background-color:#1f2020;
 }

.product h4 {
	color:#fac55c;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
}

.product p {
	font-size: 13px;
	color:#fff;
}

.best {
	color:#1f2020;
	background-color: #fac55c;
	padding: 20px;
	width: 280px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
}

.allproduct {
	margin: 60px 0px;
}

/* postal service */

.postservies {
	height: 350px;
	width: 100%;
	background-image: url('img/post.jpg');
	background-size: cover;
}

/* footer */

.footer {
	background-image: url('img/footer_bg.jpg');
	background-size: cover;
	padding: 40px 0px;
}


.links h3 {
	color:#fac55c;
	font-size: 18px;
	padding-top: 30px;
}

.links ul, li, a, a:hover {
	list-style-type: none;
	color:#fff;
	text-decoration: none;
	font-size: 14px;
}

.address h3 {
	color:#fac55c;
	font-size: 18px; 
	padding-top: 30px;
}

.address p {
	width: 80px;
	color:#fff;
	font-size: 14px;
}

/* contact form */
.contactpage h4 {
	font-weight: 600;
	text-transform: uppercase;
}
.contactpage {
	padding: 20px;
	margin:20px 0px;
}
.contactpage p {
	font-size: 16px;
}

/* copyright */
.copy {
	font-size: 14px;
	color:#fff;
	background-color: #1f2020;
	padding: 10px;
	text-align: center;
}

.copy a {
	color:#46a9fc;
}

.productpage {
                
background-color:#fffced;
            }
.productpage h4 {
color: #003399;
text-transform: uppercase;
            }
 .productpage img {
height: 275px;
width: 100%;
text-align: center;
    }

label {
	font-size: 14px;
}
.cop
{
	width:100%;
	height:auto;
	text-align:center;	
}
.cop img
{
	width:auto;
	max-width:100%;	
}

/* responsive */
@media screen and (min-width:1025px) and (max-width:1199px) {
	
.navbar-default .navbar-nav > li > a {
    padding: 20px 40px;
}
	
}

@media screen and (min-width:981px) and (max-width:1024px) {
	
.navbar-default .navbar-nav > li > a {
    padding: 20px 40px;
}
	
}

@media screen and (min-width:768px) and (max-width:980px) {
.navbar-default .navbar-nav > li > a {
    padding: 20px 19px;
}
.feture img
{
	width:auto;
	max-width:100%;	
}
.feture{
    padding: 30px 0;
}
.product h4 {
    text-transform:capitalize;
    font-size: 15px;
    font-weight:500;
}
.feture h4 {
    font-weight: 500;
    font-size: 16px;
}
.productpage h4 {
    height: 50px;
}
}	

@media screen and (min-width:481px) and (max-width:767px) {
	.whbg {
	width: 100%;
	text-align:center;
}
.allproduct .img-responsive
{
	margin:0px auto;
}
.postservies {
    background-size: 100% 100%;
    height:300px;
}
.banner {
    height: 220px;
    width: 100%;
}
.about h4 {
    margin-top: 37px;
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 25px;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover
{
	color:#000;
}

}

@media screen and (min-width:320px ) and (max-width:480px) {
	
.whbg {
	width: 100%;
	text-align:center;
}
.allproduct .img-responsive
{
	margin:0px auto;
}
.postservies {
    background-size: 100% 100%;
    height: 200px;
}
.banner {
    height: 220px;
    width: 100%;
}
.about h4 {
    margin-top: 37px;
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 25px;
    font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover
{
	color:#000;
}
	
}