/*
	---------------------------------------------------
	
	           Styles for Mobile Devices

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


/* 1350px (devices and browsers) */
@media only screen and (min-width: 1260px) and (max-width: 1330px) { 
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
.main-header               { width: 1230px; }
.wrap-center               { width: 1230px; }
.wrap-middle               { width: 1230px; }

/* - Layout content - */
.wrap-fullwidth            { width: 1230px; }
.wrap-fullwidth-bg         { width: 1230px; }
.right-content             { width: 900px; }

/* .page-content */
.single-content            { width: 900px; }  
.sidebar                   { width: 300px; } 


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/	
/* -- Search -- */
#s                         { width: 100px; }

    
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* - Blog Style - */
ul.grid_list            { width: 925px; float: right; height: auto; margin: 0 -25px 0 0; }
ul.grid_list li         { width: 283.33px; height: auto; float: left; margin: 0 25px 25px 0; border-radius: 5px;  }

/* - Blog Style Ads - */
ul.grid_list li.homeadv,
ul.grid_list li.homeadv img { width: 283.33px !important; height: auto; min-height: 236px; }

/* -- Modern Boxes -- */
div.promo-boxes         { margin: -80px 0 50px -5px; }
 

/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Related articles single -- */
.single-related-wrap       { width: 800px; }

/* - Top entry - */
.entry-top              { width: 800px; }

/* -- Entry bottom -- */
.entry-bottom           { width: 800px; }

/* -- Entry content style -- */
.entry                  { width: 800px; }


/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Sidebar -- */
.sidebar .widget        { width: 250px; margin-bottom: 25px; } 


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
/* - Comments Form -- */
ul.comment              { width: 800px; }

/* -- Comments -- */
.comments               { width: 800px; }

}









/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
/* - Header - */
.main-header               { width: 980px; }
.wrap-center               { width: 980px; }
.wrap-middle               { width: 980px; }

/* - Layout content - */
.wrap-fullwidth            { width: 980px; }
.wrap-fullwidth-bg         { width: 980px; }
.right-content             { width: 650px; }

/* .page-content */
.single-content            { width: 650px; }           
.sidebar                   { width: 300px; } 


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Search -- */
#s                         { width: 35px; }
#searchform2 ::placeholder { opacity: 0; }
#searchform2 :-ms-input-placeholder { opacity: 0; }
#searchform2 ::-ms-input-placeholder { opacity: 0; }

/* -- Top Header Menu -- */
.ant-responsive-menu       { margin-left: 10px;}
.ant-responsive-menu > li > a { margin-right: 0px;}
 

/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* -- Featured Posts -- */
#featured-slider-wrap    { width: 100%; height: 450px; }
ul.featured-posts        { width: 100%; height: 450px; }
ul.featured-posts li     { width: 650px; height: 450px; }
ul.featured-posts li img { width: 650px; height: 450px; }
/* -- Home featured title -- */
ul.featured-posts li div.inner-big { width: 90%; height: 100%; margin: -450px auto 0 auto; }
ul.featured-posts li h2 { font-size: 30px; font-weight: 400; line-height: 44px; margin-top: 8px; }
/* -- Slider Nav -- */
ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -260px !important;}

/* - Blog Style - */
ul.grid_list            { width: 675px; float: right; height: auto; margin: 0 -25px 0 0; }
ul.grid_list li         { width: 312.5px; height: auto; float: left; margin: 0 25px 25px 0; border-radius: 5px;  }

/* - Blog Style Ads - */
ul.grid_list li.homeadv,
ul.grid_list li.homeadv img { width: 312.5px !important; height: auto; min-height: 260px; }

/* -- Modern Boxes -- */
div.promo-boxes         { width: 100%; height: 130px; margin: -70px 0 50px 5px; }
ul.modern-boxes li      { width: 110px; height: 130px; margin: 0 0 0 15px;}
ul.modern-boxes li img  { width: 110px; height: 100px; }
ul.modern-boxes div.topicname   { width: 110px; height: 30px;}
ul.modern-boxes div.topicname a { font-size: 12px; margin-top: 5px; }


/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Single Share -- */
ul.meta-entry-top li ul.single-share a span { display: none; }
ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;}
ul.meta-entry-top li ul.single-share li a.fbbutton   { padding: 5px 5px 4px 5px; margin-right: -5px; } 

/* -- Firefox CSS -- */ 
@-moz-document url-prefix() {
ul.meta-entry-top li ul.single-share li a.fbbutton   { margin-right: 0px;}
}

/* -- Related articles single -- */
.single-related-wrap       { width: 600px; }
.one_half_sr, .one_half_last_sr    { float:left;width:48%; margin-bottom:10px; margin-right:4%;  }
.one_half_last_sr                  { margin-right:0;}
.one_half_sr img           { width: 100%; height: 242px; }

/* - Top entry - */
.entry-top                 { width: 600px; }

/* -- Entry content style -- */
.entry                     { width: 600px; }

/* -- Entry bottom -- */
.entry-bottom              { width: 600px; }

/* -- Responsive Images -- */
.entry iframe              { max-width: 600px; height: 350px; }


/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Sidebar -- */
.sidebar .widget        { width: 250px; margin-bottom: 25px; } 


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
ul.comment                    { width: 600px; }
/* -- Comments -- */
.comments                     { width: 600px; }


}







/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
/* - Header - */
.main-header               { width: 750px; }
.wrap-center               { width: 750px; }
.wrap-middle               { width: 750px; }

/* - Layout content - */
.wrap-fullwidth            { width: 750px; }
.wrap-fullwidth-bg         { width: 750px; }
.right-content             { width: 420px; }

/* .page-content */
.single-content            { width: 420px; }      
.sidebar                   { width: 300px; } 


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Search -- */
#searchform2               { height: auto; float: right; margin: -61px 75px 0 0; position: relative; z-index: 203; } 
#s                         { width: 100px; }

/* -- Upload Button -- */
div.uploadbtn              { float: right; margin: -71px 265px 0 0; text-transform: uppercase;}
div.uploadbtn .simplebtn span { display: inline-block;}

/* -- Responsive Menu Styles -- */
#respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;}


/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* -- Featured Posts -- */
#featured-slider-wrap    { width: 100%; height: 450px; }
ul.featured-posts        { width: 100%; height: 450px; }
ul.featured-posts li     { width: 420px; height: 450px; }
ul.featured-posts li img { width: 420px; height: 450px; }
/* -- Home featured title -- */
ul.featured-posts li div.inner-big { width: 90%; height: 100%; margin: -450px auto 0 auto; }
ul.featured-posts li h2 { font-size: 30px; font-weight: 400; line-height: 44px; margin-top: 8px; }
/* -- Slider Nav -- */
ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -260px !important;}

/* - Blog Style - */
ul.grid_list            { width: 420px; float: right; height: auto; margin: 0 0 0 0; }
ul.grid_list li         { width: 420px; height: auto; float: left; margin: 0 0 25px 0; border-radius: 5px;  }

/* - Blog Style Ads - */
ul.grid_list li.homeadv { width: 420px !important; padding: 25px 0;}
ul.grid_list li.homeadv img { width: 300px !important; height: auto; min-height: 250px; margin-left: 60px; }

/* -- Modern Boxes -- */
div.promo-boxes         { width: 100%; height: 130px; margin: -70px 0 50px 14px; }
ul.modern-boxes li      { width: 110px; height: 130px; margin: 0 0 0 15px;}
ul.modern-boxes li img  { width: 110px; height: 100px; }
ul.modern-boxes div.topicname   { width: 110px; height: 30px;}
ul.modern-boxes div.topicname a { font-size: 12px; margin-top: 5px; }
ul.modern-boxes li:nth-last-child(1) { display: none;}
ul.modern-boxes li:nth-last-child(2) { display: none;}


/*----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/ 
/* -- not-found -- */
.not-found #searchform2 { margin: 28px 0 0 0; position: inherit;}
.not-found              { width: 300px; }
.not-found #s           { width: 200px; }

/* -- Single Share -- */
ul.meta-entry-top li ul.single-share        { display: none;}
ul.meta-entry-top li ul.single-share a span { display: none; }
ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;}
ul.meta-entry-top li ul.single-share li a.fbbutton   { padding: 5px 5px 4px 5px; margin-right: -5px; }

/* - Top entry - */
ul.meta-entry-top li span.updated { display: none;}

/* -- Related articles single -- */
.single-related-wrap       { width: 370px; }
.one_half_last_sr          { width: 300px; margin-top: 30px; float: left;}

/* -- Page / Article Title -- */
h1.article-title           { font-size: 26px; line-height: 32px; }
.entry h1.page-title       { font-size: 26px; line-height: 32px; }

/* - Top entry - */
.entry-top                 { width: 370px; }

/* -- Entry content style -- */
.entry                     { width: 370px; }

/* -- Entry bottom -- */
.entry-bottom              { width: 370px; }

/* -- Responsive Images -- */
.entry iframe              { max-width: 370px; height: 230px; }


/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Sidebar -- */
.sidebar .widget        { width: 250px; margin-bottom: 30px; } 


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
ul.comment                    { width: 370px; }
/* -- Comments -- */
.comments                     { width: 370px; }
ul.comment li span.comment-date   { display: none;}


/*-----------------------------------------------------------------------------
----------------------------- 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 86%; padding-left: 14% !important; }

}







/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 580px) and (max-width: 760px) {
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/

/* - Header - */
.main-header               { width: 570px; }
.wrap-center               { width: 570px; }
.wrap-middle               { width: 570px; }

/* - Layout content - */
.wrap-fullwidth            { width: 570px; }
.wrap-fullwidth-bg         { width: 570px; }
.wrap-fullwidth-bg .entry  { width: auto; padding-left: 35px; padding-right: 35px;}
.right-content             { width: 570px; float: left; }

/* .page-content */
.single-content            { width: 570px; float: left;}           
.sidebar           		   { width: 575px; float: left;  margin-top: 30px; margin-left: -5px; column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; }
.sidebar .widget           { width: 250px; padding-left: 15px; padding-right: 15px; display: inline-block;  margin-left: 5px; margin-right: 0px; margin-bottom: 10px;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Search -- */
#searchform2               { height: auto; float: right; margin: -61px 75px 0 0; position: relative; z-index: 203; } 
#s                         { width: 30px; }
#searchform2 ::placeholder { opacity: 0; }
#searchform2 :-ms-input-placeholder { opacity: 0; }
#searchform2 ::-ms-input-placeholder { opacity: 0; }

/* -- Upload Button -- */
div.uploadbtn              { float: right; margin: -71px 195px 0 0; text-transform: uppercase;}
div.uploadbtn .simplebtn span { display: inline-block;}

/* -- Responsive Menu Styles -- */
#respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;}


/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* -- Featured Posts -- */
#featured-slider-wrap    { width: 100%; height: 450px; }
ul.featured-posts        { width: 100%; height: 450px; }
ul.featured-posts li     { width: 570px; height: 450px; }
ul.featured-posts li img { width: 570px; height: 450px; }
/* -- Home featured title -- */
ul.featured-posts li div.inner-big { width: 90%; height: 100%; margin: -450px auto 0 auto; }
ul.featured-posts li h2 { font-size: 30px; font-weight: 400; line-height: 44px; margin-top: 8px; }
/* -- Slider Nav -- */
ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -260px !important;}

/* - Blog Style - */
ul.grid_list            { width: 595px; float: right; height: auto; margin: 0 -25px 0 0; }
ul.grid_list li         { width: 272.5px; height: auto; float: left; margin: 0 25px 25px 0; border-radius: 5px;  }

/* - Blog Style Ads - */
ul.grid_list li.homeadv,
ul.grid_list li.homeadv img { width: 272.5px !important; height: auto; min-height: 227px; }

/* -- Modern Boxes -- */
div.promo-boxes         { width: 100%; height: 130px; margin: -70px 0 50px 27px; }
ul.modern-boxes li      { width: 110px; height: 130px; margin: 0 0 0 15px;}
ul.modern-boxes li img  { width: 110px; height: 100px; }
ul.modern-boxes div.topicname   { width: 110px; height: 30px;}
ul.modern-boxes div.topicname a { font-size: 12px; margin-top: 5px; }
ul.modern-boxes li:nth-last-child(1) { display: none;} 


/*----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- not-found -- */
.not-found #searchform2 { margin: 28px 0 0 0; position: inherit;}
.not-found              { width: 300px; }
.not-found #s           { width: 200px; }

/* -- Single Share -- */
ul.meta-entry-top li ul.single-share a span { display: none; }
ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;}
ul.meta-entry-top li ul.single-share li a.fbbutton   { padding: 5px 5px 4px 5px; margin-right: -5px; }
/* -- Firefox CSS -- */ 
@-moz-document url-prefix() {
ul.meta-entry-top li ul.single-share li a.fbbutton   { margin-right: 0px;}
}

/* - user avatar - */
ul.meta-entry-top li.author { white-space: nowrap; width: 100px; overflow: hidden; text-overflow: ellipsis;  }

/* -- Related articles single -- */
.single-related-wrap       { width: 510px; }
.one_half_last_sr          { width: 300px; margin-top: 30px; float: left;}

/* -- Page / Article Title -- */
h1.article-title           { font-size: 26px; line-height: 32px; }
.entry h1.page-title       { font-size: 26px; line-height: 32px; }

/* - Top entry - */
.entry-top                 { width: 510px; }

/* -- Entry content style -- */
.entry                     { width: 510px; }

/* -- Entry bottom -- */
.entry-bottom              { width: 510px; }

/* -- Responsive Images -- */
.entry iframe              { max-width: 510px; height: 350px; }


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
ul.comment                  { width: 510px; }
.comments                   { width: 510px; }


/*-----------------------------------------------------------------------------
----------------------------- 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
/* -- Copyright -- */
.footer-copyright p        {  padding-left: 50px; padding-right: 50px; padding-top: 4px; line-height: 28px;}

/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 90%; padding-left: 10% !important; }

}








/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 580px) {
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
/* - Header - */
.main-header               { width: 460px; }
.wrap-center               { width: 460px; }
.wrap-middle               { width: 460px; }

/* - Layout content - */
.wrap-fullwidth            { width: 460px; margin-bottom: 50px; }
.wrap-fullwidth-bg         { width: 460px; margin-bottom: 50px; }
.wrap-fullwidth-bg .entry  { width: auto; padding-left: 25px; padding-right: 25px;}
.right-content             { width: 460px; float: left; }

/* .page-content */
.single-content            { width: 460px; float: left;} 
.sidebar           		   { width: 460px; float: left;  margin-top: 30px; margin-left: 0px;}
.sidebar .widget           { width: 250px; display: block; float: left; margin-right: 0px; margin-bottom: 25px; padding-left: 105px; padding-right: 105px;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Search -- */
#searchform2               { height: auto; float: right; margin: -61px 65px 0 0; position: relative; z-index: 203; } 
#s                         { width: 20px; }
#searchform2 ::placeholder { opacity: 0; }
#searchform2 :-ms-input-placeholder { opacity: 0; }
#searchform2 ::-ms-input-placeholder { opacity: 0; }

/* -- Upload Button -- */
div.uploadbtn              { float: right; margin: -71px 165px 0 0; text-transform: uppercase;}
div.uploadbtn .simplebtn span { display: none;}
div.uploadbtn .simplebtn:hover span { display: none;}

/* -- Responsive Menu Styles -- */
#respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;}


/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* -- Featured Posts -- */
#featured-slider-wrap    { width: 100%; height: 450px; }
ul.featured-posts        { width: 100%; height: 450px; }
ul.featured-posts li     { width: 460px; height: 450px; }
ul.featured-posts li img { width: 460px; height: 450px; }
/* -- Home featured title -- */
ul.featured-posts li div.inner-big { width: 90%; height: 100%; margin: -450px auto 0 auto; }
ul.featured-posts li h2 { font-size: 26px; font-weight: 400; line-height: 38px; margin-top: 8px; }
/* -- Slider Nav -- */
ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -260px !important;}

/* - Blog Style - */
ul.grid_list            { width: 485px; float: right; height: auto; margin: 0 -25px 0 0; }
ul.grid_list li         { width: 217.5px; height: auto; float: left; margin: 0 25px 25px 0; border-radius: 5px;  }

/* - user avatar - */
ul.grid_list li div.grid-username { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis;  }

/* - Blog Style Ads - */
ul.grid_list li.homeadv,
ul.grid_list li.homeadv img { width: 217.5px !important; height: auto; min-height: 181px; }

/* -- Modern Boxes -- */
div.promo-boxes         { width: 100%; height: 130px; margin: -70px 0 50px 34px; }
ul.modern-boxes li      { width: 110px; height: 130px; margin: 0 0 0 15px;}
ul.modern-boxes li img  { width: 110px; height: 100px; }
ul.modern-boxes div.topicname   { width: 110px; height: 30px;}
ul.modern-boxes div.topicname a { font-size: 12px; margin-top: 5px; }
ul.modern-boxes li:nth-last-child(1) { display: none;}  
ul.modern-boxes li:nth-last-child(2) { display: none;}


/*----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/ 
/* -- not-found -- */
.not-found #searchform2 { margin: 28px 0 0 0; position: inherit;}
.not-found              { width: 300px; }
.not-found #s           { width: 200px; }

/* -- Single Share -- */
ul.meta-entry-top li ul.single-share a span { display: none; }
ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;}
ul.meta-entry-top li ul.single-share li a.fbbutton   { padding: 5px 5px 4px 5px; margin-right: -5px; }
/* -- Firefox CSS -- */ 
@-moz-document url-prefix() {
ul.meta-entry-top li ul.single-share li a.fbbutton   { margin-right: 0px;}
}

/* - user avatar - */
ul.meta-entry-top li.author { white-space: nowrap; width: 100px; overflow: hidden; text-overflow: ellipsis;  }

/* -- Related articles single -- */
.single-related-wrap       { width: 410px; }
.one_half_last_sr          { width: 300px; margin-top: 30px; float: left;}

/* -- Page / Article Title -- */
h1.article-title           { font-size: 26px; line-height: 32px; }
.entry h1.page-title       { font-size: 26px; line-height: 32px; }

/* - Top entry - */
.entry-top                 { width: 410px; }

/* -- Entry content style -- */
.entry                     { width: 410px; }

/* -- Entry bottom -- */
.entry-bottom              { width: 410px; }

/* -- Responsive Images -- */
.entry iframe              { max-width: 410px; height: 300px; }
 

/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
ul.comment                  { width: 410px; }
.comments                   { width: 410px; }  


/*-----------------------------------------------------------------------------
----------------------------- 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
/* -- Copyright -- */
.footer-copyright p        {  padding-left: 50px; padding-right: 50px; padding-top: 4px; line-height: 28px;}

/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 88%; padding-left: 12% !important; }
}









/* All Mobile Size (devices) */
@media only screen and (max-width: 479px) { 
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/
/* - Header - */
.main-header               { width: 305px; }
.wrap-center               { width: 305px; }
.wrap-middle               { width: 305px; }
.subheader                 { height: 350px; }

/* - Layout content - */
.wrap-fullwidth            { width: 305px; margin: -300px auto 50px auto;}
.wrap-fullwidth-bg         { width: 305px; margin: -335px auto 50px auto;}
.wrap-fullwidth-bg .entry  { width: auto; padding-left: 15px; padding-right: 15px;}
.right-content             { width: 305px; float: left; }

/* .page-content */
.single-content            { width: 305px; float: left;}           
.sidebar           		   { width: 300px; float: left;  margin-top: 30px; margin-left: 0px;}
.sidebar .widget           { width: 255px; display: block; float: left; margin-right: 0px; margin-bottom: 25px; padding-left: 25px; padding-right: 25px;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
/* -- Search -- */
#searchform2               { display: none;}
#searchform2               { height: auto; float: right; margin: -61px 60px 0 0; position: relative; z-index: 203; } 
#s                         { width: 1px; }

/* -- Upload Button -- */
div.uploadbtn              { display: none;}

/* -- Responsive Menu Styles -- */
#respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;}


/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* -- Featured Posts -- */
#featured-slider-wrap    { width: 100%; height: 350px; }
ul.featured-posts        { width: 100%; height: 350px; }
ul.featured-posts li     { width: 305px; height: 350px; }
ul.featured-posts li img { width: 305px; height: 350px; }
/* -- Home featured title -- */
ul.featured-posts li div.inner-big { width: 90%; height: 100%; margin: -350px auto 0 auto; }
ul.featured-posts li h2 { font-size: 22px; font-weight: 400; line-height: 34px; margin-top: 8px; }
/* -- Slider Nav -- */
ul.featured-posts .owl-prev, ul.featured-posts .owl-next { margin-top: -210px !important;}

/* - Blog Style - */
ul.grid_list            { width: 305px; float: right; height: auto; margin: 0 0 0 0; }
ul.grid_list li         { width: 305px; height: auto; float: left; margin: 0 0 25px 0; border-radius: 5px;  }

/* - Blog Style Ads - */
ul.grid_list li.homeadv,
ul.grid_list li.homeadv img { width: 305px !important; height: auto; min-height: 254px; }

/* -- Modern Boxes -- */
div.promo-boxes         { width: 100%; height: 100px; margin: -50px 0 50px 4px; }
ul.modern-boxes li      { width: 85px; height: 100px; margin: 0 0 0 10px;}
ul.modern-boxes li img  { width: 85px; height: 70px; }
ul.modern-boxes div.topicname   { width: 85px; height: 30px;}
ul.modern-boxes div.topicname a { font-size: 9px; margin-top: 5px; }
ul.modern-boxes li:nth-last-child(1) { display: none;}  
ul.modern-boxes li:nth-last-child(2) { display: none;} 

/* -- Default pagination -- */
.defaultpag             { width: 305px; margin-bottom: 10px; }
.defaultpag a           { margin-bottom: 5px;}


/*----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- not-found -- */
.not-found #searchform2 { margin: 28px 0 0 0; display: block; position: inherit;}
.not-found #s           { width: 165px; }
.not-found              { width: 255px; padding: 50px 25px;}

/* -- Single Share -- */
ul.meta-entry-top li ul.single-share { display: none;}
ul.meta-entry-top li ul.single-share a span { display: none; }
ul.meta-entry-top li ul.single-share li a.fbbutton i { padding-right: 10px; padding-left: 5px;}
ul.meta-entry-top li ul.single-share li a.fbbutton   { padding: 5px 5px 4px 5px; margin-right: -5px; }
ul.meta-entry-top li span.updated { }

/* - user avatar - */
ul.meta-entry-top li.author { white-space: nowrap; width: 50px; overflow: hidden; text-overflow: ellipsis;  }

/* -- Related articles single -- */
.single-related-wrap       { width: 270px; }
.one_half_last_sr          { width: 270px; margin-top: 30px; float: left;}
.one_half_sr img           { width: 270px; height: 225px; }

/* -- Page / Article Title -- */
h1.article-title           { font-size: 24px; line-height: 30px; }
.entry h1.page-title       { font-size: 26px; line-height: 32px; }

/* - Top entry - */
.entry-top                 { width: 270px; }

/* -- Entry content style -- */
.entry                     { width: 270px; }

/* -- Entry bottom -- */
.entry-bottom              { width: 270px; }

/* -- Responsive Images -- */
.entry iframe              { max-width: 270px; height: 200px; }

/* -- Responsive Images -- */ 
.alignleft                 { display: block; float: none; margin: 20px auto 10px auto; }
.alignright                { display: block; float: none; margin: 20px auto 10px auto; }
.aligncenter               { display: block; margin: 10px auto 0 auto;}
 

/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
ul.comment                  { width: 267px; }
.comments                   { width: 267px; }
ul.comment li span.comment-date   { display: none;}

.entry-bottom nav.menu--adsila span.menu__item-label { font-size: 14px; }


/*-----------------------------------------------------------------------------
----------------------------- 7 - Contact Form --------------------------------
-----------------------------------------------------------------------------*/
/* -- Contact Form 7 Plugin -- */
form.wpcf7-form input         { width: 96.5%; }
form.wpcf7-form textarea      { width: 96.5%; } 


/*-----------------------------------------------------------------------------
----------------------------- 10 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
/* -- Copyright -- */
.footer-copyright p        {  padding-left: 10px; padding-right: 10px; padding-top: 0px; font-size: 13px; font-weight: 700; line-height: 28px;}

/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 82%; padding-left: 18% !important; }

/* -- Footer Social Icons -- */
ul.footer-social li a         { text-align: center; padding: 5px 7px; }

/* -- Columns -- */
.one_half, .one_half_last         { float:left;width:100%; margin-bottom:10px; margin-right:0; }
.one_half_last                    { margin-right:0;}

.one_third, .one_third_last       { float:left; width:100%; margin-bottom:10px; margin-right:0; }
.one_third_last                   { margin-right:0;}

.one_fourth, .one_fourth_last     { float:left; width:100%; margin-bottom:10px; margin-right:0; }
.one_fourth_last                  { margin-right:0;}

}