/*
Theme Name: Super Blog Pro
Theme URI: https://aarambhathemes.com/themes/super-blog-pro
Author: Aarambha Themes
Author URI: http://aarambhathemes.com
Description: Super Blog Pro is the Best Premium WordPress Blog Theme that is ideal for personal blogs, company/organizational blogs, lifestyle blogs, and fashion blogs. It is a highly customizable WordPress theme with live customizer support. It is perfect for blogs, journals, news, photo blogging, writers, travelers, bloggers, photography and other creative websites. The theme comes with very easy theme options anyone can setup even without any coding experience. Color Options, breadcrumb options, search options, custom CSS are the added features on this theme. You can find the different layout and unlimited color options in super blog Pro which may fulfill your choice.
Version: 1.0.6
Requires PHP: 7.0
Tested up to: 6.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: super-blog
Tags: custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, one-column, two-columns, three-columns, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, news, entertainment

Use it to make something cool, have fun, and share what you've learned with others.

Super Blog 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.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions

13.0 Miscellaneous
13.1 Basic Styles
14.0 Extra Styles


--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote{
    border-left: 5px solid;
    padding-left: 15px;
}
blockquote,
blockquote p {
    color: rgb(0, 0, 0);
    font-style: italic;
}
blockquote {
    margin:20px 0 20px 25px;
    position: relative;
}
blockquote,
q {
    quotes: "" "";
}

a {
    color:#455a64;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6{
    margin: 0;
    line-height: 1.5;
}

p,li{
    color: #848484;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 10px;
}


h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}
b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

address {
    margin: 0 0 15px;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom:15px;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-size: 15px;
    margin-bottom:15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    margin-bottom:15px;
}
mark,
ins {
    background: #fff9c0;
    margin-bottom:15px;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

caption, th, td {
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    font-weight: 400;
    padding: 5px;
    text-align: center;
}
caption {
    border: 1px solid #dedede;
    margin-bottom:15px;
}

.gallery-caption {
    display: block;
}

.gallery {
    margin-bottom: 1.5em;
    margin-left: -15px;
    margin-right: -15px;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-item {
    display: inline-block;
    margin: 0 0 10px;
    max-height: 250px;
    padding: 15px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery img {
    border: 0px;
    margin:0px;
    padding: 0px;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 10px 0 5px 20px;
    text-align: left;
}
ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto; 
    max-width: 100%;
}

figure {
    margin: 0;
}

table {
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    display: block;
    margin: 15px 0;
    overflow: auto;
    width: 100%;

}

th {
    font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #455a64;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 1.5;
    padding: 10px 40px;
    -webkit-appearance: button;
}

input.wpcf7-form-control.wpcf7-submit {
    margin-top: 30px;
}

.search-form{
    margin-top: 10px;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {

    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

input[type="text"], 
input[type="password"], 
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],select {
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border:1px solid #ccc;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding:10px;
    width: 100%;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

.search-submit {
    background-color: transparent;
    background-image: url(assets/images/search-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    top: 0px;
}
div.wpcf7-validation-errors {
    border: 2px solid #004A80;
    bottom: -51px;
    clear: both;
    color: #E90838;
    margin: 0;
    padding: 15px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    clear: both;
    color: #398f14;
    margin: 0;
    padding: 15px;
}
span.wpcf7-not-valid-tip {
    bottom: -16px;
    color: #ff0000;
    display: block;
    font-size: 14px;
    position: absolute;
}

span.wpcf7-form-control-wrap{
    display: block;
    margin-top: 5px;
}
.wpcf7 label {
    margin: -6px 0px 10px 0px;
}
::-webkit-input-placeholder {
    color: #c9c9c9;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

:-moz-placeholder { /* Firefox 18- */
    color: #c9c9c9;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #c9c9c9;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;  
}

:-ms-input-placeholder {  
    color: #c9c9c9;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    text-decoration: none;
}

a,a:hover{
    text-decoration: none;
}
a:focus, a:hover {
    color: #222534;
}
/*a:hover{
opacity: 0.7;
}*/

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Menu Start
--------------------------------------------------------------*/
.main-navigation:before, .main-navigation:after {
    clear: both;
    content: "";
    display: block;
}
.main-navigation ul {
    text-align: right;
    margin: 0;
}
.main-navigation ul ul {
    background: rgb(69, 90, 100);
    display: none;
    left: 0;
    margin: 0;
    min-width: 150px;
    padding: 0px;
    position: absolute;
    top: 65px;
    z-index: 9999;
}
.admin-bar #masthead{
    top: 32px;
}

.main-navigation ul ul ul {
    left:100%;
    top: 0;
}
.main-navigation li {
    display: inline-block;
    margin-bottom:0;
    padding: 0 20px;
    position: relative;

}

.main-navigation li li {
    border-bottom: 1px solid #59717d;
    display: block;
    float: none;
    padding: 0;
    text-align: left;
}
.main-navigation li li li {}
.main-navigation li li li li {}
.main-navigation li:focus ul,
.main-navigation li:focus-within ul,
.main-navigation li:hover ul{
    display: block;
}
.main-navigation li:hover li ul{
    display: none;
}
.main-navigation li li:focus ul,
.main-navigation li li:focus-within ul,
.main-navigation li li:hover ul{
    display: block;
}
.main-navigation li li:hover li ul{
    display: none;
}
.main-navigation li li li:focus ul,
.main-navigation li li li:focus-within ul,
.main-navigation li li li:hover ul{
    display: block;
}
.main-navigation li li li:hover li ul{
    display: none;
}
.main-navigation li li li li:focus ul,
.main-navigation li li li li:focus-within ul,
.main-navigation li li li li:hover > ul{
    display: block;
}
.main-navigation ul li a {
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    color:#fff;
    display: block;
    font-size: 16px;
    padding: 21px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    z-index: 99;
}
.primary-header.header-logo-text .main-navigation > ul > li > a {
    padding: 33px 0;
}
.primary-header.header-logo-text .main-navigation ul ul {
    top: 85px;
}
.primary-header.header-logo-text .main-navigation ul ul ul {
    top: 0;
}
.main-navigation ul.menu li:hover a {
    color: #fff;
}
.main-navigation ul li a:hover{
    color: #fff;
}

#masthead .main-navigation li.current-menu-item a {
    color: #999;
}

.main-navigation li li li.current-menu-item li a:hover {}
.main-navigation ul ul a {
    color: #fff;
    height: auto;
    padding: 5px 15px;
    text-align: left;
}

.main-navigation ul ul > li > a {
    padding: 10px 20px;
}
.main-navigation ul li ul li a:hover {
    box-shadow: none;
}
.main-navigation li li.current_page_item a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}
.main-navigation .menu > li:hover:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul > li:hover:after,
.main-navigation li.current_page_item:after {
    width: 100%;
}
.main-navigation .menu > li:after,
.main-navigation ul li:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul > li:after,
.main-navigation li.current_page_item:after {
    bottom: 0px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    transition: width 0.25s ease 0s;
    width: 0;
    z-index:88;
}
.main-navigation ul li li:after{
    display: none;
}
.main-navigation li.current-menu-item:after,
.main-navigation ul li.current_page_item:after {
    width:100%;
}
.main-navigation ul li.menu-item-has-children > ul >li.menu-item-has-children > a:after {
    content: "\f0d7";
    display: inline-block;
    font-size: 12px;
    left: 10px;
    position: relative;
}
.main-navigation ul li.menu-item-has-children > a:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    left: 10px;
    position: relative;
}

/*--------------------------------------------------------------
Menu End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.alignnone{
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

.no-sidebar.page .alignfull {
    width: 100vw;
    margin-left: calc( 50% - 50vw );
    max-width: none;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}
.widget.wen_corporate_social_widget{
    clear: both;
}

/* Search widget */


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.entry-content{
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
    margin: 0;    
}
.page-content,
.entry-content,
.entry-summary,
.entry-header {
    margin:0 0 15px;
}

.page-links {
    clear: both;
    margin: 15px 0 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
ol.comment-list li {
    list-style: none;
}
.comment-metadata {
    margin: 5px 0;
}
ol.comment-list {
    margin: 15px 0;
}
ol.comment-list > li {
    background: #ffffff;
    padding: 15px;
}
ol.comment-list > li > ol {
    padding: 15px;
}
.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    padding-top: 15px;
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
13 Miscellaneous
--------------------------------------------------------------*/

/*-------------------------------------- 
13.1 Basic Styles
----------------------------------------*/
body {
    background: #f4f4f4;
    color:#222534;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
}

/*-------------------------------------- 
14.0 Extra Styles
----------------------------------------*/
.container {
    max-width: 1170px;
    padding: 0 15px;
}

#page {

    word-wrap: break-word;
}

/*--loader part css---*/

.loader {
    background: url('assets/images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}




header#masthead {
    background: #455a64;
    margin: 0px auto;
    width: 100%;
}
.site-branding {
    position: relative;
}

.site-branding a img{
    max-height: 66px;
}


h1.main-title {
    margin: 10px 0;
}

h1.main-title a{
    text-decoration: none;  
}

/*Main slider start*/

.main-slider{
    position: relative;
    overflow: hidden;
}

.metaslider{
    max-width: 100% !important;
}

.metaslider ul.slides{
    margin: 0;
    padding: 0;
}


.main-content-wrapper{
    margin-top: 4em;
}

.metaslider .caption-wrap {
    padding: 25px;
}
.flex-control-nav.flex-control-paging li a {
    width: 21px;
}

.metaslider .caption-wrap .caption{
    padding: 5px 10px 25px;
}

ol.flex-control-nav {
    bottom: 0;
    text-align: center;
    z-index: 99999999;
    padding: 20px;
}
.flex-control-nav.flex-control-paging li a {
    background: #999;
}
.flex-control-nav.flex-control-paging li a.flex-active {
    background: #fff;
}
.caption {
    text-align: center;
    font-size: 20px;
}
.caption .readmore {
    margin-top: 70px;
}
.readmore {
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border: 2px solid #455a64;
    display: inline-block;
    padding: 8px 15px;
}
.readmore:hover {
    background: #455a64;
    color: red;
}
.readmore:hover a {
    color: #fff;
}
.slider_arrow_btn {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}
.slider_arrow_btn a {
    background: url(assets/images/arrow_top.png) bottom;
    width: 109px;
    height: 41px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-size: 50px;
}
.main-slider img {
    width: 100%;
}
.main-banner {
    padding: 15% 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-title {
    font-size: 40px;
    display: block;
}
.main-banner p.site-description {
    font-size: 18px;
    color: #fff;
}
/*Main slider end*/

.site-content{
    padding-bottom: 20px;
}


/*Main contain start*/

.row-wrapper{
    display: block;
    padding-top: 20px;
}


.page-header {
    border-bottom: 1px solid #ccc;
    margin:0px 0 20px;
}

.main-slider .metaslider .flexslider {
    margin: 0;
}

.single .post_block.no-img {
    display: block;
    margin-top: 60px;
}
.sticky-post {
    background: #455a64;
    color: #fff;

}
.search-content {
    background: #fff;
    padding: 15px;
}
.entry-meta * {
    font-size: 14px;
}
.sticky-post {
    left: 15px;
    padding: 5px 15px;
    position: absolute;
    top: 0;
}

.content-wrap {
    box-shadow: 0px 0px 5px 0px #a8a8a8;
    padding: 5em 2.0em 2.0em;
}

.fixed-top-header { 
    margin-top: 60px;
}


header.entry-header i {
    color:#455a64
}
header.entry-header span:hover i {
    color: #222534;
}

.entry-content.excerpt-entry{
    text-align: center;
}



.site-main .post_block{
    background: #fff;
    width: 100%;
    margin-bottom: 4em;
}

.site-main>article:last-of-type>.post_block{
    margin-bottom: 0em;
}



.post_block.no-img {
    margin-top: 120px;
    display: block;
}
.content_wrap {
    padding: 5em 2.0em;
    box-shadow: 0px 0px 3px 0px #ccc;
    text-align: center;
}

.content-wrap .entry-header {
    background: #ffffff;
    display: block;    
    font-size: 15px;
    margin: -150px auto auto;
    padding: 15px 0px;
    text-align: center;
    text-transform: capitalize;
    width: 90%;
    position: relative;
}

.entry-header .entry-meta span{
    padding: 0 10px;
}
.search .entry-header .entry-meta span.posted-on{
    padding-left: 0;
}


.content-wrap h2 {
    text-align: center;
    margin: 10px 0;
}
.content-wrap .entry-content p {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 15px;
}
.content-wrap .entry-content p:last-child {
    margin-bottom: 0px;
}

.featured-image img {
    width: 100%;
    height: auto;
}

nav.navigation.numeric-nav {
    text-align: center
}

nav.navigation ul {
    margin: 10px 0;
}
nav.navigation.numeric-nav ul li {
    background: #455a64;
    display: inline-block;
    list-style: none;
    padding: 5px 15px;
}
nav.navigation.numeric-nav ul li:hover {
    background: #22363f;
}
nav.navigation.numeric-nav ul li a {
    color:#fff;
}
.posts-navigation .nav-links,
.post-navigation .nav-links {
    margin: 30px 0;
}
nav.navigation.posts-navigation,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    overflow: hidden;
    clear: both;
}

.posts-navigation .nav-previous, 
.posts-navigation .nav-next,
.post-navigation .nav-previous, 
.post-navigation .nav-next {
    display: inline-block;
    padding: 8px 15px;
    border: 2px solid #455a64;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
}
.posts-navigation .nav-previous, 
.posts-navigation .nav-next,
.post-navigation .nav-previous, 
.post-navigation .nav-next {
    font-size: 14px;
}
/*footer start*/

.footer-widget-wrapper {
    background: #ddd;
    display: inline-block;
    float: left;
    padding: 32px 0 6px;
    width: 100%;
}
.site-info {
    background: #455a64;
    float: left;
    display: block;
    text-align: center;
    padding: 30px;
    color: #fff;
    font-size: 14px;
    width: 100%;
}
.site-footer a {
    font-size: 18px;
    text-align: center;
    text-decoration: none; 
}
/*footer end*/

.site-footer a:hover,
#masthead a:hover {
    color: #999;
}

/*Main contain end*/


/*404 page Start*/
.error-404 {
    margin: 40px auto;
    width: 70%;
    text-align: center;
}
.error-404 label,
.error-404 input.search-field,
.search-form,
.search-form label,
.not-found label{
    width: 100%;
} 
.search .search-form {
    margin-top: 25px;
}
.search-form {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;  
    position: relative;
}

.error-404 h1,
.not-found h1 {
    color: #455a64;
}
/*404 page End*/
/*sidebar start*/
#secondary .widget {
    margin: 0;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px 15px;
}
.widget ul {
    margin: 0
}
.widget ul li,
.widget ol li{
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.widget h2,
.widget .wp-block-search__label{
    font-size: 20px;
    position: relative;
    padding-bottom: 10px;
	font-weight: 500;
}
h2.widget-title:after,
.wp-block-group__inner-container > h2::after, 
.widget .wp-block-search__label::after{
    position: absolute;
    content: "";
    background: #455a64;
    width: 50px;
    height: 3px;
    display: block;
    border-left: 15px solid #2598cf;
}
/*sidebar end*/
.site-info a,
#masthead a {
    color: #fff;
    text-transform: none;
}

.widget .wp-block-search__inside-wrapper {
  padding-top: 10px;
}
.widget .wp-block-search__button.wp-element-button {
  margin-left: 0;
}

.breadcrumb-container {
    margin-bottom: 10px;
    margin-top: 10px;
}

body.main-banner .breadcrumb-container {
    padding-top: 0;
}

/*---------social-link----------*/

.social-link ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.social-link ul li{
    display: inline-block;
}

.social-link ul li a{
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    height: 45px;
    line-height: 45px;
    margin: 6px;
    transition: all 0.5s;
    width: 45px;
}

.social-link ul li.share{
   border-radius: 50%;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 22px;
   height: 45px;
   line-height: 45px;
   margin: 6px;
   transition: all 0.5s;
   width: 45px;
}

.social-link ul li a i{
    color: #fff;
}

.social-link ul li.bg-share{
    background: #455A64;
    border: 1px solid #455A64;
}

.social-link ul li  a.bg-facebook{
    background: #3b5998;
    border: 1px solid #3b5998;
}

.social-link ul li  a.bg-twitter{
    background: #5BC0DE;
    border: 1px solid #5BC0DE;
}

.social-link ul li  a.bg-google-plus{
    background: #D9534F;
    border: 1px solid #D9534F;
}

.social-link ul li  a.bg-pinterest{
    background: #BE091C;
    border: 1px solid #BE091C;
}

.social-link ul li.bg-share:hover,
.social-link ul li  a.bg-facebook:hover,
.social-link ul li  a.bg-twitter:hover,
.social-link ul li  a.bg-google-plus:hover,
.social-link ul li  a.bg-pinterest:hover{
    background: #fff;
}

.social-link ul li.bg-share:hover i{
    color: #455A64;
}

.social-link ul li  a.bg-facebook:hover i{
    color: #3b5998;
}

.social-link ul li  a.bg-twitter:hover i{
    color: #5BC0DE;
}


.social-link ul li  a.bg-google-plus:hover i{
    color: #D9534F;
}


.social-link ul li  a.bg-pinterest:hover i{
    color: #BE091C;
}


/*Footer widget instagram start*/
.footer-instagram {
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
}

.insta-image-wrapper {
    position: relative;
}

.sidebar .footer-instagram,
.footer-widget-wrapper .footer-instagram {
    margin-top: 0;
}

.footer-instagram .widget {
    margin: 0;
}

.footer-instagram ul li {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: opacity 0.2s;
    width: 12.5%;
}
.footer-widget-wrapper .footer-instagram .widget ul li,
.sidebar .footer-instagram ul li{
    border:none;
    padding-bottom: 0;
    width:33.3333%;
}

.footer-instagram .widget ul li:hover,
.footer-instagram ul li:hover a {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.footer-instagram-title {
    background: rgba(255, 255, 255, 0.68);
    padding: 6px 30px;
    z-index: 9;
}
.footer-instagram-title i {
    color:#455A64;
    font-size: 20px;
    margin-right: 6px;
    margin-top: -4px;
    vertical-align: middle;
}

.footer-instagram  ul {
    margin: 0;
    overflow: hidden;
}
.footer-instagram  ul li a {
    background-position: center;
    background-size: cover;
    display: inline-block;
    padding: 40%;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.footer-instagram .widget ul li{
    border-bottom: none;
    padding-bottom: 0;
}
li.featured-box:before,
li.featured-box:after,
.footer-instagram ul li a:before,
.footer-instagram ul li a:after {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    bottom: 10px;
    content: '';
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s, transform 0.35s;
}
.footer-instagram ul li a:before,
li.featured-box:before {
    -webkit-transform: scale(0,1);
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: scale(0,1);
}
.footer-instagram ul li a:after,
li.featured-box:after {
    -webkit-transform: scale(1,0);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: scale(1,0);
}
.footer-instagram ul li a:hover:after,
.footer-instagram ul li a:hover:before,
li.featured-box:hover:after,
li.featured-box:hover:before{
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    transform: scale(1);
}

.v-center{
    left: 50%; 
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


/*Footer widget instagram end*/


/*------top-link-------- */

.go-to-top{
    display: none;
}


a.go-to-top-link {
    border-radius: 50%;
    background: #fff;
    display: inline;
    float: right;
    height: 35px;
    margin: 15px;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 35px;
}

a.go-to-top-link i{
    color: #455A64;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 0;
    
}

/*nav pagination*/

a.page-numbers{
    background: #fff;
    border: 1px solid #455A64;
    color:#455A64; 
    display: inline-block;
    height: 35px;
    padding: 3px;
    text-align: center;
    transition: all 0.6s ease-in-out;
    width: 35px; 
}

a.page-numbers:hover{
    background: #455A64;
    color: #fff;
}

span.page-numbers.current {
    background: #455A64;
    border: 1px solid #455A64;
    color: #fff;
    display: inline-block;
    height: 35px;
    padding: 3px;
    text-align: center;
    width: 35px;
}

a.prev.page-numbers,
a.next.page-numbers {
    display: inline;
    padding: 5px 13px;
    
}

.widget h2 a{
    font-size: 20px;
}


/*---- social link css customization-----*/

.site-info ul{
    margin:0;
    list-style: none;
    text-align: center;
}

.site-info ul li{
    display: inline-block;
    text-align: center;
    margin: 5px; 
}



aside.widget-area .menu-social-menu-container ul li a:before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a:before{
    margin-right: 10px;
}


aside.widget-area .menu-social-menu-container ul li a:before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a:before,
.site-info ul li a::before {
    content: "\f0c1";
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 1.1;
    text-align: center;
    width: 20px;
}


aside.widget-area .menu-social-menu-container ul li a[href*="facebook.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="facebook.com"]:before,
.site-info ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

aside.widget-area .menu-social-menu-container ul li a[href*="twitter.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="twitter.com"]::before,
.site-info ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

aside.widget-area .menu-social-menu-container ul li a[href*="linkedin.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="linkedin.com"]::before,
.site-info ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

aside.widget-area .menu-social-menu-container ul li a[href*="plus.google.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="plus.google.com"]::before,
.site-info ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

aside.widget-area .menu-social-menu-container ul li a[href*="youtube.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="youtube.com"]::before, 
.site-info ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

aside.widget-area .menu-social-menu-container ul li a[href*="dribbble.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="dribbble.com"]::before,
.site-info ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

aside.widget-area .menu-social-menu-container ul li a [href*="pinterest.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a [href*="pinterest.com"]::before,
.site-info ul li a [href*="pinterest.com"]::before {
    content: "\f0d2";
}

aside.widget-area .menu-social-menu-container ul li a[href*="bitbucket.org"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="bitbucket.org"]::before,
.site-info ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

aside.widget-area .menu-social-menu-container ul li a[href*="github.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="github.com"]::before,
.site-info ul li a[href*="github.com"]::before {
    content: "\f113";
}

aside.widget-area .menu-social-menu-container ul li [href*="codepen.io"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li [href*="codepen.io"]::before,
.site-info ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

aside.widget-area .menu-social-menu-container ul li [href*="flickr.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li [href*="flickr.com"]::before,
.site-info ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

aside.widget-area .menu-social-menu-container ul li [href*="/feed/"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li [href*="/feed/"]::before,
.site-info ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

aside.widget-area .menu-social-menu-container ul li [href*="foursquare.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li [href*="foursquare.com"]::before,
.site-info ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

aside.widget-area .menu-social-menu-container ul li [href*="instagram.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li [href*="instagram.com"]::before,
.site-info ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

aside.widget-area .menu-social-menu-container ul li [href*="tumblr.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li [href*="tumblr.com"]::before,
.site-info ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

aside.widget-area .menu-social-menu-container ul li a[href*="reddit.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="reddit.com"]::before,
.site-info ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

aside.widget-area .menu-social-menu-container ul li a[href*="vimeo.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="vimeo.com"]::before,
.site-info ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

aside.widget-area .menu-social-menu-container ul li a[href*="digg.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="digg.com"]::before,
.site-info ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

aside.widget-area .menu-social-menu-container ul li a[href*="twitch.tv"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="twitch.tv"]::before,
.site-info ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

aside.widget-area .menu-social-menu-container ul li a[href*="stumbleupon.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="stumbleupon.com"]::before,
.site-info ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

aside.widget-area .menu-social-menu-container ul li a[href*="delicious.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="delicious.com"]::before,
.site-info ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

aside.widget-area .menu-social-menu-container ul li a[href*="mailto:"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="mailto:"]::before,
.site-info ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

aside.widget-area .menu-social-menu-container ul li a[href*="soundcloud.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="soundcloud.com"]::before,
.site-info ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

aside.widget-area .menu-social-menu-container ul li a[href*="wordpress.org"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="wordpress.org"]::before,
.site-info ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

aside.widget-area .menu-social-menu-container ul li a[href*="wordpress.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="wordpress.com"]::before,
.site-info ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

aside.widget-area .menu-social-menu-container ul li a[href*="jsfiddle.net"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="jsfiddle.net"]::before,
.site-info ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

aside.widget-area .menu-social-menu-container ul li a[href*="tripadvisor.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="tripadvisor.com"]::before,
.site-info ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

aside.widget-area .menu-social-menu-container ul li a[href*="foursquare.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="foursquare.com"]::before,
.site-info ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

aside.widget-area .menu-social-menu-container ul li a[href*="angel.co"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="angel.co"]::before,
.site-info ul li a[href*="angel.co"]::before {
    content: "\f209";
}

aside.widget-area .menu-social-menu-container ul li a[href*="slack.com"]::before,
.footer-widget-wrapper .widget .menu-social-menu-container ul li a[href*="slack.com"]::before,
.site-info ul li a[href*="slack.com"]::before {
    content: "\f198";
}

/*---widget instra css customization---*/

.footer-widget-wrapper .footer-instagram{
    padding: 0;
}

.footer-widget-wrapper .v-center{
    top: 59%;
}

.footer-widget-wrapper .footer-instagram-title{
    padding: 6px 10px;
}

/*---- contact form part-----*/


input[type="text"],
input[type="password"], 
textarea, 
input[type="email"],
input[type="tel"], 
input[type="url"],
input[type="search"]{
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.wpcf7 label{
    display: block;    
    font-size: 18px;
    width: 100%;

}


/*----------responsive part-------------- */

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

    .main-navigation li{
        padding: 0 15px;
    }
}



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

    h3,
    .site-footer a {
        font-size: 16px;
    }

    .widget-area .footer-instagram-title{
        padding: 6px 4px;
    }

    .main-navigation ul ul{
        min-width: 119px;
    }

    .main-navigation ul ul ul{
        left: 100%;
    }

    

    .footer-widget-wrapper .widget .footer-instagram-title{
        padding: 6px 3px;
    }


    h3.pinterest-feed-title.v-center{
        top: 50%;
    }

    /*----aside pinterst------*/

    .widget-area .pinterest-feed-title{
        padding: 6px 25px;
    }

}


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

    .admin-bar header#masthead{
        top: 46px;
    }

    .main-navigation ul li a{
        padding: 18px 0;
    }
    .site-branding a img{
        margin: 5px;
    }

    .main-navigation li{
        padding: 0 3px;
    }

    h1.main-title {
        font-size: 21px;
        margin: 15px 0 0;
    }

    .widget h2{
        font-size: 18px;
    }


    caption, th, td{
        padding: 3px;
    }

    .widget-area .footer-instagram-title{
        padding: 6px 5px;
    }

    .main-content-wrapper{
        margin-top: 3em;
    }

    .main-navigation ul li.menu-item-has-children > a:after{
        left: 3px;
    }


    /*--pinterst design--*/

    .widget h3.pinterest-feed-title.v-center{
        top: 50%;
    }


    /*----side bar part---*/
    .widget-area .footer-instagram-title{
        padding: 6px 4px;
    }

    .widget-area .pinterest-feed-title {
        padding: 6px 7px;
    }

}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width:767px){
.mean-container a.meanmenu-reveal span span {
  position: relative;
  top: 8px;
}
    .site-branding a img{
        max-height: 45px;
        margin: 8px;
    }
    .site-branding h1.main-title{
        margin-top: 14px;
    }

    .error-404 {
        width: 100%;
        margin: 30px auto;
        padding: 0 10px;
    }
    .error-404 h1 {
        font-size: 15px;
    }
    .error-404 .page-header {
        margin: 20px 0 10px;
    }
    header#masthead {
        height: 60px;
    }

    .site-branding  {
        position:  absolute;
        z-index: 9999999;
        width: 80%
    }
    .site-branding img {
        max-width: 125px;
        margin-top: 0;
    }
    .content-wrap {
        padding: 5em 1em 1.0em;
    }
    .footer-widget-wrapper .widget {
        margin-top: 20px;
    }
    p,li,
    .content-wrap .entry-content p,
    .entry-meta a{
        font-size: 14px;
    }
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }
    .site-main .post_block {
        margin-bottom: 1em;
    }
    .post_block.no-img {
        margin-top: 90px;
    }
    .caption {
        font-size: 15px;
    }

    .main-content-wrapper{
        margin-top: 2em;
    }

    h1.main-title {
        margin: 5px 0 0;
    }


    .metaslider .caption-wrap {
        padding: 8px;
    }
    .main-slider {
        margin-top: 60px;
    } 
    
    span.banner-title {
        font-size: 25px;
    }
    .main-banner {
        padding: 35% 0 20%;
    }

    

    input[type="submit"]{
        margin: 0 auto;
    }

    .footer-instagram .widget ul li{
        width: 33.33%;
    }

    .v-center{
        top:55%;
    }

    .post-navigation,
    .posts-navigation{
        text-align: center;
    }

    .posts-navigation .nav-next,
    .post-navigation .nav-next{
        float: none;
    }

    .nav-previous,
    .nav-next{
        margin-bottom: 15px;
        margin-right: 15px;
        transition: all .5s ease-in-out;
    }


    .posts-navigation .nav-links, .post-navigation .nav-links {
        margin: 15px 0px;
    }

}

@media only screen and (max-width:600px){
    .navbar-fixed-top{
        position: absolute;
    }

}




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

   .main-content-wrapper{
    margin-top: 1em;
}


/*--pinterst design--*/

.social-link ul li a{
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    width: 35px;
}


}

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


    .metaslider .caption-wrap {
        padding: 0;
    }

    /*-----for aside pinterst-----*/ 

    .widget-area .pinterest-feed-title{
        padding: 6px 15px; 
    }

    .footer-instagram-title{
        padding: 6px 7px;
    }
    

    /*-----social icon-----*/

    .social-link ul li a{
        margin: 4px;
    }

    /*-----instra at aside-------*/

    .widget-area .footer-instagram-title {
        padding: 6px 15px;
    }

}
    .left-siderbar .col-sm-8,
    .left-siderbar .col-sm-4{
        float: right;
    }