.textbox-signup {
  background: #444;
  color: GrayText;
  padding: 0 3%; 
  border: none; 
  width: 72%; 
  font-size: 14px; 
  outline: none !important;  
  height: 40px;
  margin-left: 2px;
}


.btn-signup { 
    padding: 0; 
    text-align: center; 
    background: #05D8D8;
    height: 40px;
    width: 25%;
    border: none; 
    color: #fff; 
    margin-bottom: 2%; 
}
.btn-signup:hover, .btn-signup:focus { 
    background-color: aqua;
    color: #fff; 
    text-decoration: none !important;

}

.txt-color{
    color: aqua;
    margin-left: 1%; 
}


/*********************************/
/* Default tags and Bootstrap classes */



/* Grid */

#posts { margin: 5px auto 0; }
.post {
	margin: 0px 0 15px;	
	width: 100%;
}
.post img { padding: 0 15px; /*width: 100%;*/ }

#grid.container .post img { padding: 0; }

.container{
 width: 90%;
 max-width: 98%;
}

/* small devices*/


@media only screen and (min-width:230px) and (max-width: 480px)  {
    .header {padding-top: 15px;}
    .header-title { min-height: 100px; margin-bottom: 0px;}
    .header-nav{position:relative; top: 40px; margin-bottom: 30px; background: none;}
    .singleposting {width: 100% !important; margin-top: 20px; padding-left: 25px; padding-right: 25px;}
    .singleposting iframe{width: 100%; height: 160px; }
    .post iframe{width: 100%; height: 165px; }
    .post img { padding: 0; height: auto;}
    .bloglogo-display { display: block; margin-left: 10px; margin-top: 10px;}
    .post .post-rating p {
        top: 28px;
        left: 0px;
        font-weight: bold; 
        font-size: 14px;
        display: block;
        width: 210px;
    } 
    .small-star { margin-top: -10px !important;}
    .post .post-footer { padding-top: 10px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px;    }
   .twitter-share { float:left; margin-left: 15px; margin-right: 10px; margin-top: 5px;}
   .fb-share { height: 30px; width: 290px; margin-bottom: 0px; margin-left: 15px;}
    .back-to-main-site a{ font-size: 15px; color: #444; font-weight: bold; position: relative; top: -10px; float: right; margin-right: 10px;}    
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 55px; width: auto;}
    #grid > #posts .post {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
}


@media (min-width: 480px) {
	#grid > #posts .post { width: 100%; }
    .singleposting {width: 100% !important; margin-top: 20px; padding-left: 25px; padding-right: 25px;}
    .singleposting iframe{width: 100%; height: 310px; } 
    .header-title { min-height: 178px; margin-top: -20px; margin-bottom: 25px; margin-left: -145px;}
    .header-nav{position:relative; margin: 0px -110px; background: none;}
    .post iframe{width: 100%; height: 200px; }
    /*.post img { padding: 0; width: 100%; }*/
   .twitter-share { float:left; margin-right: 15px; margin-top: -10px;}
   .fb-share { height: 15px; width: 290px;}
}


@media only screen and (min-width:481px) and (max-width: 599px)  {
    .header-title { min-height: 125px; width: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
    .header { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
    #grid > #posts .post { width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
	#grid > #posts .post.cs2 { width: 100%; }
    .post iframe{width: 100%; height: 310px;}    
    .bloglogo-display { display: block; margin-left: 5px; margin-top: 5px;}
    /*.rating p {left: 10%; top: 14px; font-weight: bold; font-size: 16px !important; }*/ 
    .post .post-rating p {
        top: 14px;
        left: 125px;
        font-weight: bold; 
        font-size: 16px;
    }
    .small-star { margin-top: -5px !important;}
   .twitter-share { float:left; margin-right: 15px; margin-top: 5px;}
   .fb-share { height: 25px; width: 290px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; position: relative; top: -10px; float:right; margin-right: 10px;}    
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 60px; width: auto;}
    .post .post-body {padding: 0px !important;}
}


@media only screen and (min-width:600px) and (max-width: 767px)  {
    .header-title { min-height: 125px; width: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
    .header { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
    #grid > #posts .post { width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
	#grid > #posts .post.cs2 { width: 100%; }
    .post iframe{width: 100%; height: 310px;}        
    .bloglogo-display {display: block; margin-left: 10px; margin-top: 5px;}
    .post .post-rating p {
        top: 14px;
        left: 125px;
        font-weight: bold; 
        font-size: 16px;
    }
    .small-star { margin-top: -5px !important;}
   /*.twitter-share { float:left; margin-right: 15px; margin-top: 5px;}
   .fb-share { height: 25px; width: 290px;}*/
   .twitter-share { float:left; margin-left: 15px; margin-right: 10px; margin-top: 5px;}
   .fb-share { height: 25px; width: 290px; margin-left: 15px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; position: relative; top: -10px; float:right; margin-right: 10px;}    
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 60px; width: auto;}
    .post .post-body {padding: 0px !important;}
}


@media only screen and (min-width:768px) and (max-width: 800px)  {
	#grid > #posts .post { width: 100%; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	#grid > #posts .post.cs2 { width: 100%; }
	/*.post a img { padding: 0; width: 100%; height: auto; }*/
    .post iframe{width: 100%; height: 370px; }
    .singleposting iframe{width: 100%; height: 365px;}
    .singleposting{width: 100% !important;}
    .navigation-posts, .related-posts, .well-global{width: 100%;}
    .content-wrapper{width: 100%;}    
    .header-title { min-height: 150px; width: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}
     .header { padding-top: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
    /*.rating p {float: right; font-weight: bold; font-size: 16px !important; }*/ 
    .post .post-rating p {top: 10px;} 
    .bloglogo-display { display: block;float: left; margin-top: 25px; margin-left: 5px;}
    .post .post-rating p {
        top: 14px;
        left: 125px;
        font-weight: bold; 
        font-size: 16px;
    }
    .small-star { margin-top: -5px !important;}
   .twitter-share { float:left; margin-left: 15px; margin-right: 10px; margin-top: 5px;}
   .fb-share { height: 25px; width: 290px; margin-left: 15px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-right: -360px; position: relative; top: 0px; float: right;}    
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 65px; width: auto;}
}


@media only screen and (min-width:801px) and (max-width: 991px)  {
	#grid > #posts .post { width: 100%; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	#grid > #posts .post.cs2 { width: 100%; }	
    .post iframe{width: 100%; height: 370px; }
    .singleposting iframe{width: 100%; height: 365px;}
    .singleposting{width: 100% !important;}
    .navigation-posts, .related-posts, .well-global{width: 100%;}
    .content-wrapper{width: 100%;}    
    .header-title { min-height: 150px; width: 100%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}
     .header { padding-top: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
    /*.rating p {float: right; font-weight: bold; font-size: 16px !important; }*/ 
    .post .post-rating p {top: 10px;} 
    .bloglogo-display { display: block;float: left; margin-top: 25px; margin-left: 10px; width: 100%;}
    .post .post-rating p {
        top: 14px;
        left: 125px;
        font-weight: bold; 
        font-size: 16px;
    }
    .small-star { margin-top: -5px !important;}
   /*.twitter-share { float:left; margin-right: 15px; margin-top: 5px;}
   .fb-share { height: 25px; width: 290px;}*/
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-right: 25px; position: relative; top: 0px; float: right;}    
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 65px; width: auto;}
    .post .post-body {padding: 0px !important;}
    .sidebar-wrapper { display: none;}  
}


@media only screen and (min-width:992px) and (max-width: 1200px)  {
	#grid > #posts .post { width: 245px; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	#grid > #posts .post.cs2 { width: 100%; }    
    .post iframe{width: 100%; height: 125px; }
    .singleposting iframe{width: 100%; height: 260px;}
    .singleposting{width: 90% !important;}
    .navigation-posts, .related-posts, .well-global{width: 90%;}
    .sidebar-wrapper{width: 292px;}
    .content-wrapper{width: 65%;}
    .header-title { min-height: 168px; margin-top: 40px; margin-bottom: -55px; margin-left: 5px; }
    .header-nav{position:relative; margin: 0px -30px; background: none;}
    /*.rating p { left: -160px; float: right; font-weight: bold; font-size: 16px !important; }*/  
    .post .post-rating p {top: 9px;}
    .search-page-searchbox { width: 100%;}
    .bloglogo-display {margin-left: 0px;}
    .dog-image-align{position: absolute; width: 70px; top: 175px; right: 270px;}
    .cat-image-align{position: relative; width: 63px; top: 45px; right: -120px;}
    .people-image-align{position: relative; width: 63px; top: 45px; right: -170px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 655px; position: relative; top: -15px;}
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 65px; width: auto;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
}






/* Large devices */

@media (min-width: 1200px) {
	#grid > #posts .post.cs2 { width: 742px; }
    .post iframe{width: 100%; height: 234px; }
    .bloglogo-display {margin-left: 35px; margin-top: -30px; display: inline;}
    .singleposting{margin-left: 5%; width: 90% !important; padding-left: 25px; padding-right: 25px;}
    .singleposting iframe{width: 100%; height: 415px;}
    .navigation-posts, .related-posts, .well-global{margin-left: 5%; width: 90%;}
    .header-title { min-height: 168px; margin-top: 40px; margin-left: -30px; margin-bottom: -55px; }
    .post .post-rating p {top: 9px;} 
    .search-page-searchbox { width: 80%;}
    /*.rating p {left: -300px;float: right; font-weight: bold; font-size: 16px !important; }*/      
}

@media only screen and (min-width:1201px) and (max-width: 1379px) {
	#grid > #posts .post { width: 260px; height:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .sidebar-wrapper{width: 232px;}
    .content-wrapper{width: 70%;}
    .dog-image-align{position: absolute; width: 70px; top: 218px; right: 270px;}
    .cat-image-align{position: relative; width: 63px; top: 45px; right: -125px;}
    .people-image-align{position: relative; width: 63px; top: 45px; right: -188px;}
    .blog-logo { height: 65px; width: auto;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 860px; position: relative; top: -30px;}
    .back-to-main-site a:hover{ color: #000;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
}

@media only screen and (min-width:1380px) and (max-width: 1539px) {
	#grid > #posts .post { width: 290px; height:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .sidebar-wrapper{width: 292px;}
    .content-wrapper{width: 74%;}
    .dog-image-align{position: absolute; width: 70px; top: 175px; right: 310px;}
    .cat-image-align{position: relative; width: 63px; top: 45px; right: -125px;}
    .people-image-align{position: relative; width: 63px; top: 45px; right: -188px;}
    .blog-logo { height: 65px; width: auto;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 1035px; position: relative; top: -30px;}
    .back-to-main-site a:hover{ color: #000;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
   
}

@media only screen and (min-width:1540px) and (max-width: 1609px) {
	#grid > #posts .post { width: 340px; height:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .sidebar-wrapper{width: 292px;}
    .content-wrapper{width: 75%;}
    .dog-image-align{position: absolute; width: 70px; top: 218px; right: 290px;}
    .cat-image-align{position: relative; width: 63px; top: 45px; right: -125px;}
    .people-image-align{position: relative; width: 63px; top: 45px; right: -188px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 1220px; position: relative; top: -30px;}
    .back-to-main-site a:hover{ color: #000;}
    .blog-logo { height: 65px; width: auto;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
}

@media only screen and (min-width:1610px) and (max-width: 1699px) {
	#grid > #posts .post { width: 350px; height:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .sidebar-wrapper{width: 292px;}
    .content-wrapper{width: 78%;}
    .dog-image-align{position: absolute; width: 70px; top: 175px; right: 315px;}
    .cat-image-align{position: relative; width: 63px; top: 45px; right: -125px;}
    .people-image-align{position: relative; width: 63px; top: 45px; right: -188px;}
    .blog-logo { height: 65px; width: auto;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 1235px; position: relative; top: -30px;}
    .back-to-main-site a:hover{ color: #000;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
}


@media only screen and (min-width:1700px) and (max-width: 2399px){
	#grid > #posts .post { width: 390px; height:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	#grid > #posts .post.cs2 { width: 742px; }
    .post iframe{width: 100%; height: 234px; }
    .singleposting{margin-left: 20%; width: 55% !important;}
    .singleposting iframe{width: 100%; height: 415px;}
    .navigation-posts, .related-posts, .well-global{margin-left: 20%; width: 55%;}
    .sidebar-wrapper{width: 292px;}
    .content-wrapper{width: 80%;}
    .header-title { min-height: 130px; margin-top: 15px; margin-left: -30px; margin-bottom: -35px; }
    .post .post-rating p {top: 9px;} 
    .search-page-searchbox { width: 80%;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
    .dog-image-align{position: absolute; top: 175px; right: 360px;}
    .cat-image-align{position: relative; top: 45px; right: -125px;}
    .people-image-align{position: relative; top: 45px; right: -185px;} 
    .blog-logo { height: 65px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 1260px; position: relative; top: -40px;}
    .back-to-main-site a:hover{ color: #000;}
}



/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */

@media (min-width: 2400px) {
	/*#grid {
		left: -50px;
		padding-left: 0px;
		padding-right: 0px;
		position: relative;
    	}
	#grid.container {
		left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}*/
	#grid > #posts .post { width: 450px; height:auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	#grid > #posts .post.cs2 { width: 742px; }
    .post iframe{width: 100%; height: 234px; }
    .singleposting{margin-left: 20%; width: 55% !important;}
    .singleposting iframe{width: 100%; height: 565px;}
    .navigation-posts, .related-posts, .well-global{margin-left: 20%; width: 55%;}
    .sidebar-wrapper{width: 292px;}
    .content-wrapper{width: 82%;}
    .header-title { min-height: 130px; margin-top: 15px; margin-left: -30px; margin-bottom: -35px; }
    .post .post-rating p {top: 9px;} 
    .search-page-searchbox { width: 80%;}
    .rating p {margin-left: 70px !important; font-weight: bold; font-size: 16px !important; }  
    .dog-image-align{position: absolute; top: 175px; right: 350px;}
    .cat-image-align{position: relative; top: 45px; right: -125px;}
    .people-image-align{position: relative; top: 45px; right: -185px;} 
    .blog-logo { height: 85px;}
    .back-to-main-site a{ font-size: 18px; color: #444; font-weight: bold; margin-left: 1260px; position: relative; top: -40px;}
    .back-to-main-site a:hover{ color: #000;}
}

.searchwidth{
    margin-top: 30px;
    background-color: #ffffff !important;
}

/* Medium devices */



.txtstrip{
    margin: -125px 10px 0px 10px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
}

.singleposting .customfield {
    display: none !important;
}

.post-home .hidepostcontents {
    display: none !important;
}

.top-alignment{
 margin-top: 10px;
}

@media screen and  (min-width: 800px) {
    .header {
        padding: 10px 0;    
    }
   .twitter-share { float:left; margin-left: 15px; margin-right: 10px; margin-top: 5px;}
   .fb-share { height: 25px; width: 140px; margin-left: 15px;}

}
/*.header-title { min-height: 168px; }*/ /* Needs Work... to address Mobile size. */
.post .post-header { border-bottom: 0px solid #eee; padding: 0px 0px; }

/*[00]*/
body { font-family: foco, Arial, sans-serif; font-size: 14px; line-height: 1.8; color: #444; cursor: default; font-weight: 400; }
a { color: #05D8D8; }
a:hover { color: aqua; }

/*[08]*/
.post { background-color: #fff; margin-bottom: 20px; border-radius: 0px; -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); border-radius: 1px; }
/*.post .post-header .post-title a { text-decoration: none; color: #05D8D8;}
.post .post-header .post-title a:hover { text-decoration: none; color: aqua;}*/

.post .post-header .post-title a { text-decoration: none; color: #333;}
.post .post-header .post-title a:hover { text-decoration: none; color: #000;}

/*[14]*/
/*.widget .widget-content a:hover { color: aqua; }*/
 .widget .widget-content a:hover { color: #fff; }

/*[24]*/
.search input[type=button] { background: #05D8D8; border: none; color: #fff; padding: 0; height: 40px; width: 25%; text-align: center;}
.search input[type=button]:hover, .search input[type=button]:focus{ background-color: aqua; color: #fff; }

.search { border: none; }
/*.search .widget-content { padding: 0; }*/
.search input[type=text] { background: #444; padding: 0 2%; border: none; width: 75%; height: 40px; font-size: 14px; outline: none !important; margin-left: 2px; color: GrayText; }
/*[25]*/
/*.tagcloud ul li a{ background: #ffffff; color: #F8981D !important; border-color: #F8981D; border-radius: 15px; }
.tagcloud ul li a:hover{ background: #E18A1A; color: #fff !important; border-color: #E18A1A;}*/

.tagcloud ul li a{ background: #333; color: #cccccc !important; border-color: GrayText; border-radius: 15px; }
.tagcloud ul li a:hover{ background: #E18A1A; color: #fff !important; border-color: Gray;}

/*.widget .widget-header {color: #62E034;}*/

.widget .widget-header {color: #05D8D8; text-transform: none;}

/*.text a {color: #333; font-family: foco, 'Mongolian Baiti', Arial; font-weight:bold;}
.text a:hover {color: #444; text-decoration: none !important;}*/

#PostPager li{background: #333; border: 1px solid #eee !important;}

#PostPager li a{color: #eee !important;}
#PostPager li:hover{background: #000; border-color: #eee}


/* Search results*/
.btn {background: #05D8D8;}
.btn:hover, .btn:focus {background-color: aqua;}

#PostPager .PagerLinkDisabled { color: #333; background: #fff; border: 1px solid #333 !important;}
#PostPager .PagerLinkDisabled:hover { color: #fff; background: #000; border: 1px solid #000 !important;}

#PostPager .PagerLinkCurrent { color: #333; background: #fff !important; border: 1px solid #333 !important;}
#PostPager .PagerLinkCurrent:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important;}

#comment-form .success { background: #24b685 !important;}


#commentNotificationUnsubscription { padding-left: 25%;}

@media screen and (max-width:800px) { 
 .post-home .post-body { display: block;}
 .post-footer, .lbl-CommentsDisabled { display: block; }
 .wrapper { background-color: #ddd;}
 .header-title { text-align:left;   }
}


.sidebar-wrapper {
   background-color: #333; margin-top: -30px;
}

.sidebar-image {
   background-image: url('../images/lifes45.png');
   background-repeat: no-repeat;
   background-position: right top;
   width: 155px;
   height: 160px;
}
.widget {background-color: #333;}

.widget .widget-content a { color: #cccccc; }
/*.widget .widget-content a:hover { color: gray; } */

.widget .widget-content { color: #cccccc; }

.header { background-color: #fff;}

.widget ul > li { border-bottom: none;}

.widget .widget-header {
    border-bottom: none;
    border-top: 1px solid GrayText;
    padding: 14px 20px 0px;
}

.widgetbar-header {
    padding: 15px;
}

.post .post-body {
    padding: 0px !important;
}

.post .post-footer {margin-left: -25px; margin-right: -25px; font-size: 16px;}

.post .post-rating {
    height: 21px;
    max-width: 100% !important;
}

small {
    font-size: 100%;
}

.list-unstyled li a  { font-size: 16px;}


#mainnavbar .nav-pills > li.dropdown:hover > a, .slicknav_nav .nav-pills > li.dropdown:hover > a {
  text-decoration:none;
  color:#FFFFFF;
}

#mainnavbar .nav-pills > li.active > a, #mainnavbar .nav-pills > li.active > a:hover, #mainnavbar .nav-pills > li.active > a:focus, .slicknav_nav .nav-pills > li.active > a, .slicknav_nav .nav-pills > li.active > a:hover, .slicknav_nav .nav-pills > li.active > a:focus {
  color:#FFFFFF;
  background:none;
}

#mainnavbar .nav-pills li.dropdown .dropdown-menu, .slicknav_nav .nav-pills li.dropdown .dropdown-menu {
  margin:0 0 0;
  /*font-size:44px;*/
  background-color:rgba(242, 242, 241, 1);
  border:0px solid #ccc;
  border:0px solid rgba(0,0,0,0.15);
  border-radius:0px;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
  padding:15px 20px;
}

.subnav .subnav-item .nav-link{
    color: rgba(0, 0, 0, 0.5); 
}
.subnav .subnav-item .nav-link:hover, .subnav .subnav-item .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); 
}
.subnav .subnav-item .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); 
}

.dropdown-menu-bg {
    background-image: url('../images/porkduck-drop-down-ad.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.dropdown .dropdown-menu {
  width:660px;
  border:0px;
  margin:16px;
}

.opacity-menu {
  background-color:rgba(242, 242, 241, 0.85) !important;
}

.dropdown-menu {
  min-width:200px;
}

.dropdown-menu.columns-2 {
  min-width:400px;
}

.dropdown-menu.columns-3 {
  min-width:630px;
}

.dropdown-menu li a {
  padding:4px 10px;
  font-weight:300;
}

.multi-column-dropdown {
  list-style:none;
  margin:0px;
  padding:0px;
}

.multi-column-dropdown li a {
  display:block;
  clear:both;
  /*line-height:1.428571429;*/
  color:#333;
  white-space:normal;
}

.multi-column-dropdown li a:hover {
  text-decoration:none;
  color:#262626;
  background-color:#999;
}

@media (max-width: 767px) {
    .touch {
             -webkit-overflow-scrolling: touch;
        }
  .dropdown-menu.multi-column {
    min-width:240px !important;
    /*overflow-x:hidden;*/
  }
}

.max-w-100 {
    max-width: 100px;
}

.max-w-1366{
    max-width: 1366px;
}