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

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



/* (devices and browsers) */
@media only screen and (min-width: 1400px) { 
/*-----------------------------------------------------------------------------
----------------------------- 1 - Layout --------------------------------------
-----------------------------------------------------------------------------*/

/* - Layout content - */
.wrap-fullwidth            { width: 1195px; margin: 40px auto 60px auto; }
.wrap-fullwidth-bg         { margin: 40px auto 60px auto; }

/* -- Home left -- */
.wrap-container            { width: 1298px; }  
.left-sidebar              { margin-left: 15px; }
.left-sidebar              { margin-bottom: 121px;}

/* - single-content - */
.sidebar                   { margin-bottom: 80px;}

/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* ####### Widgets Modules ######### 
#################################### */
ul.articles-modules               { width: 1333px; height: 236px; margin: 0 0 30px -35px;}
ul.articles-modules li            { width: 231.6px; height: 231.6px; float: left; margin-left: 35px; }
ul.articles-modules .title-section  { width: 198px; }

/* -- List -- */
ul.modern-list li          {  margin: 0 0 40px 0; }

 /* -- Pagination -- */
.wp-pagenavi               { margin-top: -5px;}

/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
 

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



/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer div.wrap          { width: 1298px; height: auto; margin: 0 auto; } 

/* -- widgets -- */
footer .wrap-middle      { width: 1298px; }

/* -- Footer Articles -- */
ul.footer-posts li       { width: 22%; height: auto; float: left; margin-right: 4%;}

/* -- Company info -- */
.company-info            { margin-top: 30px; }

}







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

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

/* -- Home left -- */
.wrap-container            { width: 990px; }
.wrap-left-content         { width: 460px; height: auto; float: left; margin: 0 0 0 10px;} 

/* - single-content - */
.single-content            { width: 660px; }


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/

 /* -- Top social icons -- */
ul.top-social li           { display: none; }
ul.top-social li.search    { display: block !important;} 

/* -- Top Header Menu --
##################### */
.ant-responsive-menu             { margin-left: 10px;}
/*Top level menu link items style*/
.ant-responsive-menu > li > a     { margin-right: 1px;  } 
 

/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/

/* ####### Widgets Modules ######### 
#################################### */
ul.articles-modules               { width: 1005px; height: 236px; margin: 0 0 30px -15px;}
ul.articles-modules li            { width: 230px; height: 230px; float: left; margin-left: 20px; }
ul.articles-modules li img        { width: 230px; height: 230px;  } 
ul.articles-modules .title-section  { width: 195px; }
ul.articles-modules li:last-child { display: none;}


/* ##### Modern Articles List ########
################################### */
/* -- AD -- */
ul.modern-list li.homeadv,
ul.modern-list li.homeadv img { width: 100%; height: auto; }
/* -- List -- */
ul.modern-list         { width: 440px; }
ul.modern-list li      { width: 100%; max-height: 180px; }          
ul.modern-list li img  { width: 180px; height: 180px;}
ul.modern-list img.avatar { display: none;}
ul.modern-list li h2   { margin: 45px 0 15px 0; font-size: 16px; font-weight: 400; line-height: 26px; }
ul.modern-list li div.modern-list-content { width: 220px; /* +20+20 = 260  padding */ padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full { width: 400px; /* +20+20 = 440  padding */padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full p { display: none; }
ul.modern-list li div.modern-list-content p { display: none; }
/* -- List Title -- */
div.titleContainer { margin: 20px 0 0 0; padding: 3px 0 2px 0 !important; }
ul.modern-list li h2 { padding: 5px 0; }
body.page-template-template-home-list div.titleContainer { padding: 3px 0 2px 0 !important; }

/* -- Meta -- */
ul.meta-content-home    { margin-top: 20px;}
ul.meta-content-home li { width: auto; height: 20px; font-size: 13px; font-weight: 700; float: left; }
ul.meta-content-home li.aut-name { display: none; }
ul.meta-content-home li.lm-space i.fa-times { font-size: 8px !important; padding: 0 10px; } 



/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Entry Top / Featured Image / Videos -- */
.entry-top                 { margin: 0 25px; padding: 30px 0; }

/* -- Entry content style -- */
.entry                     { margin: 0 25px 40px 25px;} 

/* -- Related Articles -- */
#related-wrap              { padding: 30px 25px 40px 25px;}



/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
/* -- Comments -- */
#comments                  { width: 285px; }
.comments                  { margin: 50px 25px 50px 0;}
.sidebar-bottom            { margin: 50px 0 20px 25px; /* -- Sidebar comments -- */}

/*-----------------------------------------------------------------------------
----------------------------- 8 - Custom Pages --------------------------------
-----------------------------------------------------------------------------*/

/* -- Front-end Submission Form -- */
#submission-form           { width: 285px; }
.submission-form           { margin: 50px 25px 50px 0;}

/*-- Premium content page --*/
.boxsubscription           { margin:35px 25px; padding: 50px 40px 55px 40px; }

/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer div.wrap            { width: 980px; }
footer .wrap-middle        { width: 980px; }


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

}







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

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

/* -- Home left -- */
.wrap-container            { width: 750px; }
.wrap-left-content         { width: 430px; height: auto; float: left; margin: 0 20px 0 0;}
.left-sidebar              { display: none;}
.wrap-left-content-full    { margin: 0 0 0 20px; }  

/* - single-content - */
.single-content            { width: 430px; }
.sidebar-bottom            { width: 300px; float: none; margin-left: auto; margin-right: auto;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/

 /* -- Top social icons -- */
ul.top-social              { float: right; margin-right: 70px; margin-top: -63px; }

/* -- Responsive Menu Styles -- */
.ant-responsive-menu > li > a > .arrow:before { margin-top: -1px !important; }
 
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* ####### Widgets Modules ######### 
#################################### */
ul.articles-modules               { width: 775px; height: 236px; margin: 0 0 30px -15px;}
ul.articles-modules li            { width: 232px; height: 232px; float: left; margin-left: 20px; }
ul.articles-modules li img        { width: 232px; height: 232px; } 
ul.articles-modules .title-section  { width: 195px; }
ul.articles-modules li:last-child { display: none;}
ul.articles-modules li:nth-last-child(2) { display: none;}


/* ##### Modern Articles List ########
################################### */
/* -- AD -- */
ul.modern-list li.homeadv,
ul.modern-list li.homeadv img { width: 100%; height: auto; }
/* -- List -- */
ul.modern-list         { width: 430px }
ul.modern-list li      { width: 100%; max-height: 180px; }          
ul.modern-list li img  { width: 180px; height: 180px;}
ul.modern-list img.avatar { display: none;}
ul.modern-list li h2   { margin: 45px 0 15px 0; font-size: 16px; font-weight: 400; line-height: 26px; }
ul.modern-list li div.modern-list-content { width: 210px; /* +20+20 = 260  padding */ padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full { width: 390px; /* +20+20 = 440  padding */padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full p { display: none; }
ul.modern-list li div.modern-list-content p { display: none; }
/* -- List Title -- */
div.titleContainer { margin: 20px 0 0 0; padding: 3px 0 2px 0 !important; }
ul.modern-list li h2 { padding: 5px 0; }
body.page-template-template-home-list div.titleContainer { padding: 3px 0 2px 0 !important; }

/* -- Meta -- */
ul.meta-content-home    { margin-top: 20px;}
ul.meta-content-home li { width: auto; height: 20px; font-size: 13px; font-weight: 700; float: left; }
ul.meta-content-home li.aut-name { display: none; }
ul.meta-content-home li.lm-space i.fa-times { font-size: 8px !important; padding: 0 10px; }
/* -- Icons -- */
ul.meta-icons-home li { width: 34px; height: 34px; }
/* -- Category ribbon -- */
.listbtn-category           { margin: 0 0 0 -20px; }
ul.modern-grid .listbtn-category   { margin: 0 0 0 -25px; }


/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Entry Top / Featured Image / Videos -- */
.entry-top                 { margin: 0 25px; padding: 30px 0; }

/* -- Entry content style -- */
.entry                     { margin: 0 25px 40px 25px;} 

/* -- Related Articles -- */
#related-wrap              { padding: 30px 25px 40px 25px;}

/* -- Meta Single page -- */
ul.meta-single-content li.aut-name { display: none;}

/* -- Single Share -- */
ul.single-share            { margin-top: 3px; }

/* - title - */
h1.article-title           { font-size: 24px; line-height: 38px; }
#page-title-box            { margin: 30px 0 20px 0; }

/* -- About Author -- */
.author-meta-entry         { padding: 45px 30px 30px 30px;}
.author-meta               { height: auto; float: left; }
.author-left-meta          { height: 120px; }
ul.author-social-top       { margin: -10px 0 0 -10px !important;}


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
/* -- Comments -- */
#comments                  { width: 380px; float: none; margin: 25px auto; }
.comments                  { margin: 50px auto 50px auto;}


/*-----------------------------------------------------------------------------
----------------------------- 8 - Custom Pages --------------------------------
-----------------------------------------------------------------------------*/
/* -- 404 page -- */
#tianlock-404 .middle-404  { max-width: 700px; margin: 0 auto;}

/* -- Front-end Submission Form -- */
#submission-form           { width: 380px; float: none; margin: 25px auto; }
.submission-form           { margin: 50px 0 50px 0;}

/*-- Premium content page --*/
.boxsubscription           { margin:35px 25px; padding: 50px 40px 55px 40px; }

/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer div.wrap            { width: 740px; }
footer .wrap-middle        { width: 740px; }

/* -- Footer Columns -- */
.footer_4col, .footer_4col_last       { float:left; width:46%; margin-bottom:20px; margin-right:4%; }
.footer_4col_last                     { margin-right:0;}

/* -- Footer Articles -- */
ul.footer-posts li        { width:46%; height: 200px; margin-bottom:20px; margin-right:4%;}

/* -- Footer Social Icons -- */
ul.footer-social li span      { display: none;}


/*-----------------------------------------------------------------------------
----------------------------- 10 - Shortcodes ---------------------------------
-----------------------------------------------------------------------------*/
/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 85%; padding-left: 15%; }

}






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

/* - Layout content - */
.wrap-fullwidth            { width: 570px; }
.wrap-fullwidth-bg         { width: 570px; }

/* -- Home left -- */
.wrap-container            { width: 570px; }
.wrap-left-content         { width: 430px; height: auto; float: left; margin: 0 20px 0 0;}
.left-sidebar              { display: none;}
.wrap-left-content-full    { margin: 0 0 0 0; }  

/* - single-content - */
.single-content            { width: 570px; }
.sidebar-bottom            { width: 300px; float: none; margin-left: auto; margin-right: auto;}
.wrap-container .sidebar   { display: none;}
.sidebar           		   { width: 570px; float: left;  margin-top: 30px; }
.sidebar .widget           { width: 470px; margin: 0 auto 25px auto; padding-right: 50px; padding-left: 50px;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
 /* -- Top social icons -- */
ul.top-social              { float: right; margin-right: 70px; margin-top: -63px; }

/* -- Responsive Menu Styles -- */
.ant-responsive-menu > li > a > .arrow:before { margin-top: -1px !important; }

/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/

.featured-title            { display: none;}
.featured-title h3         { display: none; }

/* ####### Widgets Modules ######### 
#################################### */
ul.articles-modules               { width: 595px; height: 271px; margin: 0 0 30px -15px;}
ul.articles-modules li            { width: 271px; height: 271px; float: left; margin-left: 20px; }
ul.articles-modules li img        { width: 271px; height: 271px;  } 
ul.articles-modules .title-section  { width: 230px; }
ul.articles-modules li:last-child { display: none;}
ul.articles-modules li:nth-last-child(2) { display: none;}
ul.articles-modules li:nth-last-child(3) { display: none;}

/* ####### Widgets Modules ######### 
#################################### */
div.module-728,
div.module-728 img { width: 100%; height: auto; }

/* ##### Modern Articles List ########
################################### */
/* -- AD -- */
ul.modern-list li.homeadv,
ul.modern-list li.homeadv img { width: 100%; height: auto; }
ul.modern-grid li.homeadv,
ul.modern-grid li.homeadv img { width: 100%; height: auto; }
/* -- List -- */
ul.modern-list         { width: 570px }
ul.modern-list li      { width: 100%; max-height: 180px; }          
ul.modern-list li img  { width: 180px; height: 180px;}
ul.modern-list img.avatar { display: none;}
ul.modern-list li h2   { margin: 45px 0 15px 0; font-size: 16px; font-weight: 400; line-height: 26px; }
ul.modern-list li div.modern-list-content { width: 350px; /* +20+20 = 390  padding */ padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full { width: 530px; /* +20+20 = 570  padding */padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full p { display: none; }
ul.modern-list li div.modern-list-content p { display: none; }
/* -- List Title -- */
div.titleContainer { margin: 20px 0 0 0; padding: 3px 0 2px 0 !important; }
ul.modern-list li h2 { padding: 5px 0; }
body.page-template-template-home-list div.titleContainer { padding: 3px 0 2px 0 !important; }

/* -- Meta -- */
ul.meta-content-home    { margin-top: 20px;}
/* -- Meta -- */
ul.meta-content-home li { width: auto; height: 20px; font-size: 13px; font-weight: 700; float: left; }
ul.meta-content-home li.aut-name { display: none; }
ul.meta-content-home li.lm-space i.fa-times { font-size: 8px !important; padding: 0 10px; }
/* -- Icons -- */
ul.meta-icons-home li { width: 34px; height: 34px; }
/* -- Category ribbon -- */
.listbtn-category           { margin: 0 0 0 -20px; }
ul.modern-grid .listbtn-category   { margin: 0 0 0 -20px; }

 /* -- Pagination -- */
.wp-pagenavi {  width: 570px; } 


/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- About Author -- */
.author-meta-entry         { padding: 45px 30px 30px 30px;}
.author-meta               { height: auto; float: left; }
.author-left-meta          { height: 120px; }

/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Banner widget 300px -- */
.sidebar .widget .img-300          { width: 300px; height: auto; margin: 0 auto;}

/* -- Banner widget 250px -- */
.sidebar .widget .img-250          { width: 250px; height: auto; margin: 0 auto; }


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
/* -- Comments -- */
#comments                         { width: 470px; }


/*-----------------------------------------------------------------------------
----------------------------- 8 - Custom Pages --------------------------------
-----------------------------------------------------------------------------*/
/* -- 404 page -- */
#tianlock-404              { padding: 100px 0 100px 0;}
#tianlock-404 .middle-404  { width: 80%; margin: 0 auto;}
#tianlock-404 .widget_recent_entries  { margin: 20px auto 0 auto;}
#tianlock-404 h1               { font-size: 60px; padding: 0 0 40px 0;}
#tianlock-404 p                { font-size: 20px; line-height: 32px;}
#tianlock-404 .one_half, #tianlock-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; }
#tianlock-404 .one_half_last                    { margin-right:0;}

/* -- Front-end Submission Form -- */
#submission-form           { width: 470px; float: none; margin: 0 auto 25px auto;  }
.submission-form           { margin: 50px 50px 50px 50px;}

/*-- Premium content page --*/
.boxsubscription           { margin:35px 25px; padding: 50px 40px 55px 40px; }


/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer div.wrap            { width: 560px; }
footer .wrap-middle        { width: 560px; }

/* -- Footer Columns -- */
.footer_4col, .footer_4col_last       { float:left; width:46%; margin-bottom:20px; margin-right:4%; }
.footer_4col_last                     { margin-right:0;}

/* -- Footer Articles -- */
ul.footer-posts li        { width:46%; height: 170px; margin-bottom:20px; margin-right:4%;}

/* -- Footer Social Icons -- */
ul.footer-social li span      { display: none;}


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

}






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

/* - Layout content - */
.wrap-fullwidth            { width: 460px; }
.wrap-fullwidth-bg         { width: 460px; }

/* -- Home left -- */
.wrap-container            { width: 460px; }
.wrap-left-content         { width: 430px; height: auto; float: left; margin: 0 20px 0 0;}
.left-sidebar              { display: none;}
.wrap-left-content-full    { margin: 0 0 0 0; }  

/* - single-content - */
.single-content            { width: 460px; }
.sidebar-bottom            { width: 300px; float: none; margin-left: auto; margin-right: auto;}
.wrap-container .sidebar   { display: none;}
.sidebar           		   { width: 460px; float: left;  margin-top: 30px; }
.sidebar .widget           { width: 360px; margin: 0 auto 25px auto; padding-right: 50px; padding-left: 50px;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
 /* -- Top social icons -- */
ul.top-social              { float: right; margin-right: 70px; margin-top: -63px; }
ul.top-social li           { display: none; }
ul.top-social li.search    { display: block;} 

/* -- Responsive Menu Styles -- */
.ant-responsive-menu > li > a > .arrow:before { margin-top: -1px !important; }


 
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* ##### Featured Slider home ##### 
################################## */ 
ul.featured-slider li.item .content         { width: 360px; }

/* ####### Widgets Modules ######### 
#################################### */
ul.articles-modules               { width: 485px; height: 216px; margin: 0 0 30px -15px;}
ul.articles-modules li            { width: 216px; height: 216px; float: left; margin-left: 20px; }
ul.articles-modules li img        { width: 216px; height: 216px;  } 
ul.articles-modules .title-section  { width: 190px; }
ul.articles-modules li:last-child { display: none;}
ul.articles-modules li:nth-last-child(2) { display: none;}
ul.articles-modules li:nth-last-child(3) { display: none;}

/* ####### Widgets Modules ######### 
#################################### */
div.module-728,
div.module-728 img { width: 100%; height: auto; }


/* ##### Modern Articles List ########
################################### */
/* -- AD -- */
ul.modern-list li.homeadv,
ul.modern-list li.homeadv img { width: 100%; height: auto; }
ul.modern-grid li.homeadv,
ul.modern-grid li.homeadv img { width: 100%; height: auto; }
/* -- List -- */
ul.modern-list         { width: 460px }
ul.modern-list li      { width: 100%; max-height: 180px; }          
ul.modern-list li img  { width: 180px; height: 180px;}
ul.modern-list img.avatar { display: none;}
ul.modern-list li h2   { margin: 45px 0 15px 0; font-size: 16px; font-weight: 400; line-height: 26px; }
ul.modern-list li div.modern-list-content { width: 240px; /* +20+20 = 280  padding */ padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full { width: 420px; /* +20+20 = 460  padding */padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full p { display: none; }
ul.modern-list li div.modern-list-content p { display: none; }
/* -- List Title -- */
div.titleContainer { margin: 20px 0 0 0; padding: 3px 0 2px 0 !important; }
ul.modern-list li h2 { padding: 5px 0; }
body.page-template-template-home-list div.titleContainer { padding: 3px 0 2px 0 !important; }

/* -- Meta -- */
ul.meta-content-home    { margin-top: 20px;}
ul.meta-content-home li { width: auto; height: 20px; font-size: 13px; font-weight: 700; float: left; }
ul.meta-content-home li.aut-name { display: none; }
ul.meta-content-home li.lm-space i.fa-times { font-size: 8px !important; padding: 0 10px; }
/* -- Icons -- */
ul.meta-icons-home li { width: 34px; height: 34px; }
/* -- Category ribbon -- */
.listbtn-category           { margin: 0 0 0 -20px; }
ul.modern-grid .listbtn-category   { margin: 0 0 0 -20px; }


/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Entry Top / Featured Image / Videos -- */
.entry-top                 { margin: 0 25px; padding: 30px 0; }

/* -- Entry content style -- */
.entry                     { margin: 0 25px 40px 25px;} 

/* -- Related Articles -- */
#related-wrap              { padding: 30px 25px 40px 25px;}

/* -- Meta Single page -- */
ul.meta-single-content li.aut-name { display: none;}

/* -- Single Share -- */
ul.single-share            { margin-top: 3px; }

/* - title - */
h1.article-title           { font-size: 24px; line-height: 38px; }
#page-title-box            { margin: 30px 0 20px 0; padding: 0 25px 15px 25px; }

/* -- About Author -- */
.author-meta-entry         { padding: 45px 30px 30px 30px;}
.author-meta               { height: auto; float: left; }
.author-left-meta          { height: 200px; }
ul.author-social-top       { margin: -30px 0 0 -20px !important;}

/* -- Prev and Next articles --*/
.prev-articles             { width: 90%; height: auto; padding: 40px 5% 40px 5%; }



/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Banner widget 300px -- */
.sidebar .widget .img-300          { width: 300px; height: auto; margin: 0 auto;}

/* -- Banner widget 250px -- */
.sidebar .widget .img-250          { width: 250px; height: auto; margin: 0 auto; }


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
/* -- Comments -- */
#comments                     { width: 410px; }
.comments                     { margin: 50px 25px 50px 25px;}



/*-----------------------------------------------------------------------------
----------------------------- 8 - Custom Pages --------------------------------
-----------------------------------------------------------------------------*/
/* -- 404 page -- */
#tianlock-404              { padding: 100px 0 100px 0;}
#tianlock-404 .middle-404  { width: 80%; margin: 0 auto;}
#tianlock-404 .widget_recent_entries  { margin: 20px auto 0 auto;}
#tianlock-404 h1               { font-size: 60px; padding: 0 0 40px 0;}
#tianlock-404 p                { font-size: 20px; line-height: 32px;}
#tianlock-404 .one_half, #tianlock-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; }
#tianlock-404 .one_half_last                    { margin-right:0;}

/* -- Front-end Submission Form -- */
#submission-form           { width: 410px; float: none; margin: 0 auto 25px auto;  }
.submission-form           { margin: 50px 25px 50px 25px;}

/*-- Premium content page --*/
.boxsubscription           { margin:35px 25px; padding: 50px 40px 55px 40px; }

/* - page-content - */
.wrap-small-middle         { max-width: 460px; height: auto; }
.wrap-small-middle2        { max-width: 350px; height: auto; }
.wrap-small-middle .entry, .wrap-small-middle2 .entry { padding: 20px 70px; }

/*-- Card fieldset --*/
fieldset.rcp_card_fieldset { width: 100%; display: inline-block; margin-left: -3% !important; }
fieldset.rcp_card_fieldset p { float: left;  width: 100%; margin:0!important;} 
fieldset.rcp_card_fieldset input { width: 300px;}
p#rcp_card_country_wrap select { width: 205px !important;}

/*-- Registration --*/
.rcp_login_link { margin: -9px 0 0 -5px;}
body.page-template-template-small-middle .responsive-area { display: none;}
.rcp_user_fieldset { width: 100%; display: inline-block; margin-left: -3% !important; }
.rcp_user_fieldset p { float: left;  width: 100%; margin: 0 !important;} 
.rcp_user_fieldset input { width: 300px;}


/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer div.wrap            { width: 460px; }
footer .wrap-middle        { width: 460px; }
.footer-navigation         { width: 100%; min-height: 80px; max-height: auto; }

/* -- Footer Columns -- */
.footer_1col_half, .footer_1col_last  { float:left;width:44%; margin-bottom:10px; margin-left: 2.5%; margin-right:7%; }
.footer_1col_last                     { margin-right: 2.5%; margin-left: 0; } 
.footer_4col, .footer_4col_last       { float:left; width:96%; margin-bottom:20px; margin-right:0%; }
.footer_4col_last                     { margin-right:0;}

/* -- Footer Articles -- */
ul.footer-posts li        { width:100%; margin-bottom:20px; margin-right:0%;}

/* - Copyright - */
.copyright                 { margin-left: 10px;}
.copyright_right           { float: left; margin-top: 5px; margin-left: 10px; }

/* -- Footer Social Icons -- */
ul.footer-social li span      { display: none;}


/*-----------------------------------------------------------------------------
----------------------------- 10 - Shortcodes ---------------------------------
-----------------------------------------------------------------------------*/
/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 85%; padding-left: 13%; }


}









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

/* - Layout content - */
.wrap-fullwidth            { width: 100%; }
.wrap-fullwidth-bg         { width: 100%; }

/* -- Home left -- */
.wrap-container            { width: 305px; }
.wrap-left-content         { width: 305px; height: auto; float: left; margin: 0 20px 0 0;}
.left-sidebar              { display: none;}
.wrap-left-content-full    { margin: 0 0 0 0; }  

/* - single-content - */
.single-content            { width: 100%; }
.sidebar-bottom            { width: 300px; float: none; margin-left: auto; margin-right: auto;}
.wrap-container .sidebar   { display: none;}
.sidebar           		   { width: 100%; float: left;  margin:  30px auto 0 auto; }
.sidebar .widget           { width: 90%; margin: 0 auto 25px auto; padding-right: 5%; padding-left: 5%;}


/*-----------------------------------------------------------------------------
----------------------------- 2 - Header --------------------------------------
-----------------------------------------------------------------------------*/
 /* -- Top social icons -- */ 
ul.top-social              { float: right; margin-right: 55px; margin-top: -63px; }
ul.top-social li           { display: none; }
ul.top-social li.search    { display: block !important;} 

/* Modal PopUp Search box */
.md-modal                  { margin-right:-138px; }

/* -- Responsive Menu Styles -- */
.ant-responsive-menu > li > a > .arrow:before { margin-top: -1px !important; }
 
/*-----------------------------------------------------------------------------
----------------------------- 3 - Home Content --------------------------------
-----------------------------------------------------------------------------*/
/* ##### Featured Slider home ##### 
################################## */
ul.featured-slider li.item .content         { width: 220px; max-height: 90px; margin-top: -180px; text-align: center; float: none; margin-left: auto; margin-right: auto; position: relative; padding: 25px 30px; border-radius: 3px;  }

/* -- Random Posts -- */
div.random-slider-wrap     { display: none;}


/* ####### Widgets Modules ######### 
#################################### */
ul.articles-modules               { width: 300px; height: auto; margin: 0 0 30px 0;}
ul.articles-modules li            { width: 300px; height: 300px; float: none; margin-left: 0px; }
ul.articles-modules li img        { width: 300px; height: 300px;  } 
ul.articles-modules .title-section  { width: 240px; }
ul.articles-modules li:last-child { display: none;}
ul.articles-modules li:nth-last-child(1) { display: none;}
ul.articles-modules li:nth-last-child(2) { display: none;}
ul.articles-modules li:nth-last-child(3) { display: none;}
ul.articles-modules li:nth-last-child(4) { display: none;}

/* ####### Widgets Modules ######### 
#################################### */
div.module-728,
div.module-728 img { width: 100%; height: auto; }

/* ##### Modern Articles List ########
################################### */
/* -- AD -- */
ul.modern-list li.homeadv,
ul.modern-list li.homeadv img { width: 100%; height: auto; }
ul.modern-grid li.homeadv,
ul.modern-grid li.homeadv img { width: 100%; height: auto; }
/* -- List -- */
ul.modern-list         { width: 305px }
ul.modern-list li      { width: 100%; max-height: 470px; }          
ul.modern-list li img  { width: 305px; height: 305px;}
ul.modern-list li h2   { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; position: relative; font-size: 17px; font-weight: 500; line-height: 30px; }
ul.modern-list li div.modern-list-content { width: 265px; /* +20+20 = 175  padding */ padding: 0 20px 10px 20px; }
ul.modern-list li div.modern-list-content-full { width: 265px; /* +20+20 = 305  padding */ padding: 0 20px 10px 20px;  }
ul.modern-list li div.modern-list-content-full p { display: none; }
ul.modern-list li div.modern-list-content p { display: none; } 
ul.modern-list img.avatar { display: none;}
ul.modern-list .thumbs-ranting { display: block; float: left; margin-top: 15px; margin-bottom: 5px;}

/* -- Meta -- */
ul.meta-content-home   { display: none;}

/* -- List Title -- */
div.titleContainer { margin: 20px 0 0 0; padding: 0 0 0 0 !important; display: inline-block; }
body.page-template-template-home-list div.titleContainer { padding: 0 0 0 0 !important; }

/* -- Icons -- */
ul.meta-icons-home li { width: 34px; height: 34px; }
/* -- Category ribbon -- */
.listbtn-category           { display: none; }
ul.modern-grid .listbtn-category   { display: none; }


/*-----------------------------------------------------------------------------
----------------------------- 4 - Entry Content -------------------------------
-----------------------------------------------------------------------------*/
/* -- Entry Top / Featured Image / Videos -- */
.entry-top                 { margin: 0 25px; padding: 30px 0; }

/* -- Entry content style -- */
.entry                     { margin: 0 25px 40px 25px;} 

/* -- Related Articles -- */
#related-wrap              { padding: 30px 25px 40px 25px;}
.one_half_rw, .one_half_last_rw     { float:left;width:100%; margin-right:0; }
.one_half_last_rw                   { margin-right:0;}

/* -- Meta Single page -- */
ul.meta-single-content li.aut-name { display: none;}
ul.meta-single-content li.time-article { display: none;}
ul.meta-single-content li.lm-space { display: none;}
ul.meta-single-content li  { padding-right: 20px;}

/* -- Single Share -- */
ul.single-share            { margin-top: 3px; }
ul.single-share a span     { display: none;}
.entry ul.single-share li a       { padding: 3px 10px; }

/* - title - */
h1.article-title           { font-size: 20px; line-height: 32px; }
#page-title-box            { margin: 30px 0 20px 0; padding: 0 25px 15px 25px; }

/* -- Entry button for password, etc -- */
form.post-password-form input { width: 197px !important; }
form.post-password-form input[type="submit"] { width: 200px !important;  }
.post-password-form { width: 200px; } 

/* -- About Author -- */
.author-meta-entry         { padding: 45px 0 30px 0;}
.author-meta               { width: 99%; margin: 0 auto 0 auto; height: auto; float: none; }
.author-left-meta          { height: auto; }
.author-info p             { }

/* -- Author social icons -- */
ul.author-social-top       { margin: 0 0 0 0 !important;}
ul.author-social-top li      { font-size: 14px; }
ul.author-social-top li a i         { padding: 5px 6px;}

/* -- Prev and Next articles --*/
.prev-articles             { width: 90%; height: auto; padding: 40px 5% 40px 5%; }

/*-----------------------------------------------------------------------------
----------------------------- 5 - Sidebar & Widgets ---------------------------
-----------------------------------------------------------------------------*/
/* -- Banner widget 300px -- */
.sidebar .widget .img-300          { width: 300px; height: auto; margin: 0 auto;}

/* -- Banner widget 250px -- */
.sidebar .widget .img-250          { width: 250px; height: auto; margin: 0 auto; }


/*-----------------------------------------------------------------------------
----------------------------- 6 - Comments Form -------------------------------
-----------------------------------------------------------------------------*/
/* -- Comments -- */
#comments                         { width: 290px; float: none; margin: 0 auto; }
.comments                         { margin: 50px 0 50px 0;}
#commentform #author, #comment, #email, #url { width:98%; height:40px; font-size: 14px; font-weight: 500; border-radius: 3px;}	

/*-----------------------------------------------------------------------------
----------------------------- 8 - Custom Pages --------------------------------
-----------------------------------------------------------------------------*/
/* -- 404 page -- */
#tianlock-404              { padding: 100px 0 100px 0;}
#tianlock-404 .middle-404  { width: 80%; margin: 0 auto;}
#tianlock-404 .widget_recent_entries  { margin: 20px auto 0 auto;}
#tianlock-404 h1               { font-size: 50px; padding: 0 0 40px 0;}
#tianlock-404 p                { font-size: 20px; line-height: 32px;}
#tianlock-404 .one_half, #tianlock-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; }
#tianlock-404 .one_half_last                    { margin-right:0;}

/* -- Front-end Submission Form -- */
#submission-form           { width: 90%; float: none; margin: 0 auto 25px auto;  }
.submission-form           { margin: 50px 5% 50px 5%;}

/*-- Premium content page --*/
.boxsubscription           { margin:35px 0; padding: 50px 30px 55px 20px; } 

/* -- Entry content style for Restrict Content Pro -- */
body.page-template-template-small-middle2 .entry  { margin: 0 30px 40px 30px; padding: 30px 0 50px 0;}
body.page-template-template-small-middle .entry   { margin: 0 30px 40px 30px; padding: 30px 0 50px 0;}

/* - page-content - */
.wrap-small-middle         { width: 98%; height: auto; margin: 25px auto; }
.wrap-small-middle2        { width: 98%; height: auto; }
.wrap-small-middle .entry, .wrap-small-middle2 .entry { padding: 20px 30px; }

/*-- Card fieldset --*/
fieldset.rcp_card_fieldset { width: 98%; display: inline-block; margin-left: 0 !important; }
fieldset.rcp_card_fieldset p { float: left;  width: 200px; margin: 0!important;} 
fieldset.rcp_card_fieldset input { width: 200px;}
p#rcp_card_country_wrap select { width: 205px !important;}

/*-- Registration --*/
.rcp_user_fieldset { width: 98%; display: inline-block; margin-left: 0px !important; }
.rcp_user_fieldset p { float: left;  width: 200px; margin: 0 !important;} 
.rcp_user_fieldset input { width: 200px;}

/*-- Login --*/
fieldset.rcp_login_data input { width: 190px;  }
input#rcp_login_submit { width: 212px;}
form#rcp_login_form { width: 220px; margin: 0 auto !important; }

/*-- Login Social --*/
div.apsl-login-networks  { width: 182px; margin-left: auto !important; margin-right: auto !important; float: none;}
div.apsl-icon-block  { width: 182px; margin-left: -19px; }

/*-- Lost Pass --*/
form#rcp_lostpassword_form  { width: 220px; margin: 0 auto !important; } 

/*-- Input Style --*/
.wrap-small-middle form label,
.wrap-small-middle2 form label,
.default-page-content form label  { width: 200px; }


 

/*-----------------------------------------------------------------------------
------------------------------ 9 - Footer -------------------------------------
-----------------------------------------------------------------------------*/
footer div.wrap            { width: 305px; }
footer .wrap-middle        { width: 305px; }
.footer-navigation         { width: 100%; min-height: 80px; max-height: auto; }

/* -- Footer Columns -- */
.footer_1col_half, .footer_1col_last  { float:left;width:96%; margin-bottom:10px; margin-left: 2%; margin-right:2%; }
.footer_1col_last                     { margin-right: 2.5%; margin-left: 0; } 
.footer_4col, .footer_4col_last       { float:left; width:94%; margin-bottom:20px; margin-right:0%; }
.footer_4col_last                     { margin-right:0;}

/* -- Footer Articles -- */
ul.footer-posts li        { width:100%; margin-bottom:20px; margin-right:0%;}

/* - Copyright - */
.copyright                 { margin-left: 10px;}
.copyright_right           { float: left; margin-top: 5px; margin-left: 10px; }
footer .wrap-middle .company-info a { font-size: 16px; }

/* -- Footer Social Icons -- */
ul.footer-social li           { margin: 27px 3px 0 3px; }
ul.footer-social li:hover     { opacity: 0.5;}
ul.footer-social li a         { padding: 5px 8px; }
ul.footer-social li span      { display: none;}

/*-----------------------------------------------------------------------------
----------------------------- 10 - Shortcodes ---------------------------------
-----------------------------------------------------------------------------*/
/* -- Accordion -- */
.accordionButton, .accordionButton1, .accordionButton2, .accordionButton3 { width: 80%; padding-left: 17%; }
/* -- 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;}
}