@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1831px) and (max-width: 2100px) {

:root										{ --container-width: 1500px; }
.container                                  { max-width: 1500px; }

.menu_sec ul.menu li 						{ margin-bottom: 20px; }
.menu_sec ul.menu li a 						{ font-size: 100px; line-height: 90px; }

}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1541px) and (max-width: 1830px) {

:root										{ --container-width: 1500px; }
.container                                  { max-width: 1500px; }

.menu_sec ul.menu 							{ padding: 150px 180px 30px; }
.menu_sec ul.menu li 						{ margin-bottom: 10px; }
.menu_sec ul.menu li a 						{ font-size: 85px; line-height: 85px; }


}



/* #Additional - Large Screens beyond 1440px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1540px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }
.container-fluid 							{ padding-right: 15px; padding-left: 15px; }

.menu_sec ul.menu                           { padding: 54px 150px 50px; }
.menu_sec ul.menu li                        { margin-bottom: 20px; }
.menu_sec ul.menu li a                      { font-size: 85px; line-height: 75px; }

.ourStorySec                                { padding: 150px 0 60px; }
.ourStorySec .ourStoryInfo h2               { font-size: 150px; line-height: 200px; }

.featuredReviewSec                          { height: 1000px; }

.clientReviewsSec .reviewsTitle h2          { font-size: 150px; line-height: 120px; }

.latestArticlesSec .leftCol h2              { font-size: 150px; line-height: 120px; }

footer .bottomFooter                        { font-size: 245px; line-height: 190px; }
footer .topFooter .ftr-menu                 { gap: 15px; }
footer .topFooter .ftr-menu h5 				{ font-size: 16px; }
footer .topFooter .ftr-menu ul              { gap: 15px; }
footer .topFooter .ftr-menu ul li a         { font-size: 16px; }
footer .topFooter .ftr-copy p               { font-size: 18px; }


/* ---------- About Studio Page Css ---------- */
.ourStorySection h2 						{ font-size: 150px; line-height: 200px; }
.ourStorySection .rightCol 					{ padding-right: 0; }

.highlightsSec 								{ padding: 95px 0 180px; }
.highlightsSec .highlightsBox 				{ margin-bottom: 120px; }

.sportsSec .leftCol 						{ width: calc(100% + 15px); margin-left: -15px; }

.everyPhotoSec .rightCol 					{ width: calc(100% + 15px); margin-right: -15px; }


/* ---------- Photography Page & Detail Page Css ---------- */
.portfolioSec h2 							{ font-size: 170px; }

/* ---------- Contact Page Css ---------- */
.contactSec .topContent h2					{ font-size: 150px; line-height: 200px; }

}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }
.container-fluid 							{ padding-right: 15px; padding-left: 15px; }

header .mainHeader .headerLogo .logoName    { font-size: 80px; line-height: 100px; }
#header .hamburger nav .menu_sec ul.menu    {  padding: 50px 150px 50px 150px; }
.menu_sec ul.menu li 						{ margin-bottom: 20px; }
.menu_sec ul.menu li a                      { font-size: 75px; line-height: 65px; }

.ourStorySec                                { padding: 100px 0 60px; }
.ourStorySec .ourStoryInfo h2               { font-size: 150px; line-height: 200px; }

.rbStudiosSec h2                            { font-size: 120px; line-height: 120px; margin-bottom: 80px; }
.rbStudiosSec .studiosWrapper .imagesContents .contBlock h3 { font-size: 130px; line-height: 170px; }

.ourWorkSec h2                              { font-size: 150px; line-height: 170px; }

.featuredReviewSec                          { height: 900px; }

.clientReviewsSec .reviewsTitle h2          { font-size: 150px; line-height: 120px; }
.clientReviewsSec .reviewsBox               { padding: 90px 30px; }

.latestArticlesSec .leftCol h2              { font-size: 150px; line-height: 120px; }

footer                                      { padding-bottom: 150px; }
footer .bottomFooter                        { font-size: 225px; line-height: 190px; }
footer .topFooter .ftr-link .ftr-tel a      { font-size: 18px; }
footer .topFooter .ftr-menu                 { gap: 15px; }
footer .topFooter .ftr-menu h5 				{ font-size: 16px; }
footer .topFooter .ftr-menu ul              { gap: 15px; }
footer .topFooter .ftr-menu ul li a         { font-size: 16px; }
footer .topFooter .ftr-copy p               { font-size: 18px; }


/* ---------- Inner Banner Css ---------- */
.innerbannerSec .bannerCaption h1 			{ font-size: 110px; line-height: 90px; margin-bottom: 20px; }
.innerbannerSec .bannerCaption .contactBtn	{ margin-top: 20px; padding: 18px 28px; }


/* ---------- About Studio Page Css ---------- */
.ourStorySection 							{ padding: 60px 0 100px; }
.ourStorySection h2 						{ font-size: 150px; line-height: 200px; }
.ourStorySection .rightCol 					{ padding-right: 0; }
.ourStorySection .rightCol h3 				{ font-size: 75px; line-height: 80px; }
.ourStorySection .rightCol p 				{ font-size: 26px; margin-bottom: 20px; }

.behindSec 									{ padding: 100px 0; }
.behindSec h2 								{ font-size: 130px; line-height: 130px; }
.behindSec .behindInfo p 					{ font-size: 26px; line-height: 30px; margin-bottom: 20px; }

.highlightsSec 								{ padding: 95px 0 100px; }
.highlightsSec .highlightsBox 				{ margin-bottom: 100px; }
.highlightsSec .highlightsBox .leftCol h2 	{ font-size: 80px; line-height: 80px; }
.highlightsSec .highlightsBox .rightCol 	{ padding-right: 0; }
.highlightsSec .highlightsCounterBox .counterBox .bigText { font-size: 130px; line-height: 130px; }
.highlightsSec .highlightsCounterBox .counterBox .smallText { font-size: 55px; }

.sportsSec .leftCol 						{ width: calc(100% + 15px); margin-left: -15px; }
.sportsSec .rightCol 						{ padding: 0; }
.sportsSec .rightCol h3 					{ font-size: 50px; }

.everyPhotoSec h2 							{ font-size: 130px; line-height: 130px; }
.everyPhotoSec .leftCol  					{ padding: 0; }
.everyPhotoSec .leftCol h3	 				{ font-size: 50px; }
.everyPhotoSec .rightCol 					{ width: calc(100% + 15px); margin-right: -15px; }

/* ---------- Photography Page & Detail Page Css ---------- */
.portfolioSec h2 							{ font-size: 150px; }

/* ---------- Contact Page Css ---------- */
.contactSec .topContent h2 					{ font-size: 150px; line-height: 120px; }
.contactSec .topContent p 					{ font-size: 25px; line-height: 35px; }
.contactSec .contactForm .form-text p		{ margin: 0 0 30px 0; font-size: 25px; line-height: 35px; }
.contactSec .contactForm .form-group 		{ margin-bottom: 20px; }
.contactSec .contactForm .form-group .form-control { padding: 15px 20px; height: 58px; }


}



/* #Additional - Large Screens beyond 1280px
================================================== */
@media only screen and (min-width: 1100px) and (max-width: 1280px) {

:root													{ --container-width: 1070px; }
.container												{ max-width: 1070px; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1099px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }
.container-fluid 							{ padding-right: 15px; padding-left: 15px; }

header .mainHeader .headerLogo .logo 	 	{ max-width: 80px; }
header .mainHeader .headerLogo .logoName    { font-size: 55px; line-height: 70px; }
#header .hamburger                          { width: 70px; height: 70px; }
#header .hamburger nav .menu_sec ul.menu    { padding: 140px 100px 30px; }
#header .hamburger #nav-btn+label span::before { width: 50px; }
#header .hamburger #nav-btn:checked+label span::before { width: 70px; }
.menu_sec ul.menu li a                      { font-size: 70px; line-height: 70px; }

.ourStorySec                                { padding: 70px 0 60px; }
.ourStorySec .ourStoryInfo h2               { font-size: 100px; line-height: 130px; }
.ourStorySec .ourStoryInfo p                { font-size: 25px; line-height: 35px; margin-bottom: 30px; }
.ourStorySec .ourStoryInfo .borderLine      { height: 150px; }
.ourStorySec .storyInfo                     { padding: 30px 10px; }
.ourStorySec .storyInfo p                   { font-size: 20px; line-height: 28px; margin-bottom: 20px; }

.rbStudiosSec h2                            { font-size: 100px; line-height: 100px; margin-bottom: 50px; }
.rbStudiosSec .studiosWrapper .imagesContents .contBlock h3 { font-size: 100px; line-height: 140px; }

.ourWorkSec                                 { padding: 70px 0; }
.ourWorkSec h2                              { font-size: 100px; line-height: 130px; }
.ourWorkSec .leftCol                        { padding: 30px 0px 0 0; }
.ourWorkSec .leftCol p                      { font-size: 20px; line-height: 30px; margin-bottom: 20px; }

.featuredReviewSec                          { height: 600px; }
.featuredReviewSec .featuredReviewBox h5    { font-size: 25px; }

.clientReviewsSec                           { padding: 70px 0 35px; }
.clientReviewsSec .reviewsTitle h2          { font-size: 100px; line-height: 80px; }
.clientReviewsSec .row [class*="col-"]:nth-child(3n + 2) { margin-top: 250px; }
.clientReviewsSec .reviewsBox               { padding: 80px 15px 50px; margin: -100px auto 0 auto; }
.clientReviewsSec .reviewsBox h4            { font-size: 30px; line-height: 35px; }

.latestArticlesSec .leftCol h2              { font-size: 100px; line-height: 80px; }
.latestArticlesSec .leftCol p               { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.latestArticlesSec .rightCol .articlesBox .articlesInfo h3 { font-size: 40px; line-height: 40px; }
.latestArticlesSec .rightCol .articlesBox   { margin-bottom: 30px; }

footer                                      { padding-bottom: 150px; }
footer .marqueeSec .marquee-track .marquee-container .marquee-text { font-size: 28px; line-height: 32px; }
footer .topFooter 							{ padding-top: 70px; }
footer .topFooter .ftr-link .ftr-tel a      { font-size: 15px; line-height: 22px; }
footer .topFooter .ftr-menu                 { gap: 10px; }
footer .topFooter .ftr-menu h5              { font-size: 16px; line-height: 20px; }
footer .topFooter .ftr-menu ul              { gap: 10px; }
footer .topFooter .ftr-menu ul li a         { font-size: 13px; line-height: 20px; }
footer .topFooter .ftr-copy p               { font-size: 16px; line-height: 22px; }
footer .bottomFooter                        { font-size: 170px; line-height: 145px; }


/* ---------- Inner Banner Css ---------- */
.innerbannerSec 							{ padding-top: 130px; }
.innerbannerSec .bannerCaption h1 			{ font-size: 100px; line-height: 120px; margin: 0 0 10px 0; }
.innerbannerSec .bannerCaption p 			{ font-size: 22px; line-height: 35px; }

#innerSection								{ padding-top: 60px; padding-bottom: 60px;}

/* ---------- About Studio Page Css ---------- */
.ourStorySection 							{ padding: 60px 0 70px; }
.ourStorySection h2    						{ font-size: 100px; line-height: 130px; margin: 0 0 20px 0; }
.ourStorySection .rightCol 					{ padding-right: 0; }
.ourStorySection .rightCol h4 				{ font-size: 22px; }
.ourStorySection .rightCol h3 				{ font-size: 65px; line-height: 75px; }
.ourStorySection .rightCol p 				{ font-size: 22px; line-height: 32px; margin-bottom: 20px; }

.behindSec 									{ padding: 70px 0; }
.behindSec h2 								{ font-size: 100px; line-height: 100px; }
.behindSec .behindInfo 						{ width: 90%; }
.behindSec .behindInfo p 					{ font-size: 24px; line-height: 30px; margin-bottom: 20px; }

.highlightsSec 								{ padding: 70px 0; }
.highlightsSec .highlightsBox  				{ margin-bottom: 50px; }
.highlightsSec .highlightsBox .leftCol h2 	{ font-size: 70px; line-height: 70px; }
.highlightsSec .highlightsCounterBox .counterBox .bigText { font-size: 80px; line-height: 80px; }
.highlightsSec .highlightsCounterBox .counterBox .smallText { font-size: 44px; line-height: 45px; }

.sportsSec .leftCol 						{ width: calc(100% + 15px); margin-left: -15px; }
.sportsSec .rightCol  						{ padding: 0; }
.sportsSec .rightCol h3 					{ font-size: 45px; line-height: 45px; }
.sportsSec .rightCol p 						{ font-size: 20px; line-height: 28px; }

.everyPhotoSec  							{ padding: 70px 0; }
.everyPhotoSec h2 							{ font-size: 100px; line-height: 100px; margin-bottom: 50px; }
.everyPhotoSec .leftCol  					{ padding: 0; }
.everyPhotoSec .leftCol h3 					{ font-size: 45px; line-height: 45px; }
.everyPhotoSec .leftCol p 					{ font-size: 20px; line-height: 28px; }
.everyPhotoSec .rightCol 					{ width: calc(100% + 15px); margin-right: -15px; }


/* ---------- Photography Page & Detail Page Css ---------- */
.portfolioSec h2 							{ font-size: 100px; }
.portfolioSec .portfolioItems 				{ gap: 40px; margin: 50px 0 0 0; }
.portfolioSec .portfolioItems .item 		{ width: calc(33.333333% - 27px); }
.portfolioSec .portfolioItems .item h3 		{ margin: 20px 0 15px 0; font-size: 40px; line-height: 40px; }
.portfolioSec .portfolioBoxCol 				{ margin: 20px 0 40px 0; padding: 0; }
.portfolioSec .portfolioBoxCol .portfolioBox a { width: 130px; height: 130px; font-size: 18px; line-height: 18px; }
.portfolioSec .description 					{ margin: 0; }
.portfolioSec .description p 				{ margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }

/* ---------- Contact Page Css ---------- */
.contactSec 								{ padding: 70px 0; }
.contactSec .topContent 					{ margin: 0 auto 60px auto; }
.contactSec .topContent h2    				{ font-size: 100px; line-height: 80px; }
.contactSec .topContent p 					{ font-size: 20px; line-height: 30px; }

.contactSec .contactForm .form-text p				{ margin: 0 0 30px 0; font-size: 20px; line-height: 30px; }
.contactSec .contactForm .form-group 				{ margin-bottom: 15px; }
.contactSec .contactForm .form-group .form-control 	{ padding: 15px 15px; height: 55px; font-size: 18px; line-height: 20px; }
.contactSec .contactForm .form-group .sendBtn 		{ padding: 18px 30px 18px 30px; }

.googleMapSec h2 							{ margin: 0 0 40px 0; width: 45%; font-size: 80px; line-height: 80px; }
.googleMapSec .mapBox iframe 				{ height: 450px; }

/* ---------- Blog Page ---------- */
.blogTopContent 							{ width: 90%; margin: 0 auto 50px auto; }
.blogTopContent h2 							{ margin-bottom: 30px; font-size: 100px; line-height: 110px; }
.blogTopContent p							{ font-size: 20px; line-height: 30px; }

.blog_items 								{ margin-bottom: 40px; }
.blog_items h2.entry-title					{ font-size: 35px; line-height: 40px; }
.blog_items .blog-image 					{ margin-bottom: 10px; }

.single .blog_items 						{ width: 100%; margin: auto; }
.single .blog_items h2.entry-title			{ margin-bottom: 20px; font-size: 50px; line-height: 60px; }
.single .blog_items .detailContent 			{ padding-left: 0; padding-right: 0; }
.single .blog_items h3						{ font-size: 30px; line-height: 40px; }
.single .blog_items p						{ font-size: 18px; line-height: 28px; }
.single .blog_items ul li					{ font-size: 18px; line-height: 28px; }
.single .blog_items .share 					{ width: 100%; display: flex; }
.blogDetail .recentPost 					{ width: 100%; padding: 20px 0; gap: 15px; }
.blogDetail .recentPost .post-wrap .title 	{ padding: 0px 20px; font-size: 22px; line-height: 25px; }
.blogDetail .recentPost .post-wrap a 		{ gap: 0px; }
.blogDetail .recentPost .post-wrap a .arrow { padding: 10px 15px; font-size: 20px; }
.user_cmt_box h3, 
.comment-respond h3 						{ font-size: 35px; line-height: 35px; }
.comment-respond p 							{ font-size: 16px; line-height: 26px; }
.comment-respond p label 					{ width: 30%; }
.comment-respond p .submit 					{ padding: 15px 20px; margin-left: 30%; font-size: 16px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }
.container-fluid 							{ padding-right: 15px; padding-left: 15px; }

header		 								{ padding: 15px 0; }
header .mainHeader .headerLogo .logo	 	{ max-width: 80px; }
header .mainHeader .headerLogo .logoName 	{ font-size: 50px; line-height: 60px; }
#header .hamburger 							{ width: 60px; height: 60px; }
#header .hamburger #nav-btn+label span::before { width: 40px; bottom: -15px; }
#header .hamburger #nav-btn:checked+label span::before { width: 60px; }
#header .hamburger nav .menu_sec ul.menu 	{ padding: 110px 100px 20px; }
.menu_sec ul.menu li a                      { font-size: 60px; line-height: 70px; }

.banner-section .banner-slider .swiper-slide .bannerCaption h2 { font-size: 35px; line-height: 50px; }

.ourStorySec                                { padding: 50px 0; }
.ourStorySec .ourStoryInfo                  { margin-bottom: -55px; }
.ourStorySec .ourStoryInfo h2               { font-size: 80px; line-height: 110px; }
.ourStorySec .ourStoryInfo p                { font-size: 22px; line-height: 32px; margin-bottom: 30px; }
.ourStorySec .ourStoryInfo .borderLine      { height: 100px; }
.ourStorySec .storyInfo                     { padding: 20px 0px; margin-top: 60px; }
.ourStorySec .storyInfo p                   { font-size: 18px; line-height: 28px; margin-bottom: 15px; }

.rbStudiosSec h2                            { font-size: 80px; line-height: 80px; margin-bottom: 40px; }
.rbStudiosSec .studiosWrapper .imagesCount 	{ max-width: 465px; height: 600px; }
.rbStudiosSec .studiosWrapper .imagesCount .counters .total { font-size: 30px; }
.rbStudiosSec .studiosWrapper .imagesCount .counters .nums { font-size: 40px; }
.rbStudiosSec .studiosWrapper .imagesContents .contBlock h3 { font-size: 80px; line-height: 90px; }

.ourWorkSec                                 { padding: 50px 0; }
.ourWorkSec h2                              { font-size: 80px; line-height: 110px; }
.ourWorkSec .leftCol                        { padding: 30px 0px 0 0; }
.ourWorkSec .leftCol p                      { font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.ourWorkSec .leftCol .viewPortfolioBtn      { font-size: 18px; line-height: 30px; }
.ourWorkSec .ourWork-slider-arrow  			{ display: none; }
.ourWorkSec .ourWork-swiper-pagination 		{ display: block; }

.featuredReviewSec                          { height: 500px; }
.featuredReviewSec .featuredReviewBox       { max-width: 500px; border-radius: 50px 50px 0 0; padding: 30px 50px; }
.featuredReviewSec .featuredReviewBox p     { font-size: 22px; line-height: 30px; margin-bottom: 15px; }
.featuredReviewSec .featuredReviewBox h5    { font-size: 30px; line-height: 30px; }

.clientReviewsSec                           { padding: 50px 0 35px; }
.clientReviewsSec .reviewsTitle             { padding-bottom: 50px; }
.clientReviewsSec .reviewsTitle h2          { font-size: 80px; line-height: 60px; }
.clientReviewsSec .reviewsTitle .viewBtn    { font-size: 18px; line-height: 30px; }
.clientReviewsSec .row [class*="col-"]:nth-child(3n + 2) { margin-top: 200px; }
.clientReviewsSec .reviewsBox               { padding: 60px 10px; margin: -125px auto 0 auto; }
.clientReviewsSec .reviewsBox h4            { font-size: 26px; line-height: 30px; margin-bottom: 10px; }
.clientReviewsSec .reviewsBox p             { font-size: 18px; line-height: 28px; margin-bottom: 10px; }
.clientReviewsSec .reviewsBox .userImg      { width: 80px; height: 80px; }
.clientReviewsSec .reviewsBox h5            { font-size: 22px; line-height: 24px; }

.latestArticlesSec .leftCol h2              { font-size: 80px; line-height: 65px; }
.latestArticlesSec .leftCol p               { font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.latestArticlesSec .leftCol .allArticlesBtn { font-size: 18px; line-height: 30px; }
.latestArticlesSec .rightCol .articlesBox .articlesInfo h3 { font-size: 30px; line-height: 35px; }
.latestArticlesSec .rightCol .articlesBox   { margin-bottom: 30px; }

footer                                      { padding-bottom: 120px; }
footer .marqueeSec .marquee-track .marquee-container .marquee-text { font-size: 25px; line-height: 30px; padding: 0 40px; }
footer .topFooter 							{ padding-top: 50px; }
footer .topFooter .ftr-link .ftr-tel a      { font-size: 18px; line-height: 24px; }
footer .topFooter                           { gap: 15px 30px; flex-wrap: wrap; }
footer .topFooter .ftr-copy p               { font-size: 18px; line-height: 24px; }
footer .topFooter .ftr-menu h5              { font-size: 18px; line-height: 24px; }
footer .topFooter .ftr-menu                 { gap: 22px; }
footer .topFooter .ftr-menu ul              { gap: 20px; }
footer .topFooter .ftr-menu ul li a         { font-size: 17px; line-height: 22px; }
footer .topFooter .ftr-link                 { order: 2; }
footer .topFooter .ftr-copy                 { order: 3; }
footer .bottomFooter                        { font-size: 125px; line-height: 120px; }


/* ---------- Inner Banner Css ---------- */
.innerbannerSec 							{ padding-top: 110px; }
.innerbannerSec .bannerCaption h1 			{ font-size: 80px; line-height: 100px; margin: 0 0 10px 0; }
.innerbannerSec .bannerCaption p 			{ font-size: 20px; line-height: 35px; }

#innerSection								{ padding-top: 50px; padding-bottom: 50px;}


/* ---------- About Studio Page Css ---------- */
.ourStorySection 							{ padding: 50px 0; }
.ourStorySection h2 						{ font-size: 80px; line-height: 100px; margin: 0 0 30px 0; }
.ourStorySection .rightCol 					{ padding-right: 0; }
.ourStorySection .rightCol h4 				{ font-size: 22px; }
.ourStorySection .rightCol h3 				{ font-size: 50px; line-height: 50px; margin-bottom: 20px; }
.ourStorySection .rightCol p 				{ font-size: 20px; line-height: 30px; margin-bottom: 20px; }

.behindSec 									{ padding: 50px 0; }
.behindSec h2 								{ font-size: 80px; line-height: 80px; }
.behindSec .behindInfo 						{ max-width: 90%; width: 100%; margin: -40px auto 0 auto; padding: 20px; }
.behindSec .behindInfo p 					{ font-size: 20px; line-height: 30px; margin-bottom: 15px; }

.highlightsSec 								{ padding: 50px 0; }
.highlightsSec .highlightsBox 				{ margin-bottom: 50px; }
.highlightsSec .highlightsBox .leftCol h2 	{ font-size: 60px; line-height: 65px; }
.highlightsSec .highlightsBox .rightCol 	{ padding-right: 0; }
.highlightsSec .highlightsBox .rightCol p 	{ font-size: 20px; line-height: 30px; }
.highlightsSec .highlightsCounterBox .counterBox .bigText { font-size: 60px; line-height: 70px; margin-bottom: 10px; }
.highlightsSec .highlightsCounterBox .counterBox .smallText { font-size: 30px; line-height: 40px; }

.sportsSec .leftCol 						{ width: calc(100% + 15px); margin-left: -15px; }
.sportsSec .rightCol  						{ padding: 0; }
.sportsSec .rightCol h3 					{ font-size: 40px; line-height: 40px; }
.sportsSec .rightCol p 						{ font-size: 20px; line-height: 28px; }

.everyPhotoSec 								{ padding: 50px 0; }
.everyPhotoSec h2 							{ font-size: 80px; line-height: 80px; margin-bottom: 40px; }
.everyPhotoSec .leftCol  					{ padding: 0; }
.everyPhotoSec .leftCol h3 					{ font-size: 40px; line-height: 40px; }
.everyPhotoSec .leftCol p 					{ font-size: 20px; line-height: 28px; }
.everyPhotoSec .rightCol 					{ width: calc(100% + 15px); margin-right: -15px; }


/* ---------- Photography Page & Detail Page Css ---------- */
.portfolioSec 								{ padding: 50px 0; }
.portfolioSec h2 							{ font-size: 80px; }
.portfolioSec .portfolioItems 				{ gap: 30px; margin: 30px 0 0 0; }
.portfolioSec .portfolioItems .item 		{ width: calc(33.333333% - 20px); }
.portfolioSec .portfolioItems .item h3 		{ margin: 15px 0 10px 0; font-size: 35px; line-height: 35px; }
.portfolioSec .portfolioBoxCol 				{ gap: 15px; margin: 20px 0 40px 0; padding: 0; }
.portfolioSec .portfolioBoxCol .portfolioBox a { width: 130px; height: 130px; font-size: 18px; line-height: 18px; }
.portfolioSec .description 					{ margin: 0; }
.portfolioSec .description p 				{ margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }

/* ---------- Review Page ---------- */
#reviewsPgSec.clientReviewsSec				{ padding-top: 30px; padding-bottom: 30px; }


/* ---------- Contact Page Css ---------- */
.contactSec 								{ padding: 50px 0; }
.contactSec .topContent 					{ width: 100%; margin: 0 auto 60px auto; }
.contactSec .topContent h2 					{ font-size: 80px; line-height: 80px; }
.contactSec .topContent p 					{ font-size: 20px; line-height: 30px; }

.contactSec .contactForm .form-text p				{ margin: 0 0 30px 0; font-size: 20px; line-height: 30px; }
.contactSec .contactForm .form-group 				{ margin-bottom: 15px; }
.contactSec .contactForm .form-group .form-control 	{ padding: 15px 15px; height: 55px; font-size: 18px; line-height: 20px; }
.contactSec .contactForm .form-group .sendBtn 		{ padding: 18px 30px 18px 30px; }

.googleMapSec h2 							{ margin: 0 0 40px 0; width: 100%; font-size: 80px; line-height: 80px; }
.googleMapSec .mapBox iframe 				{ height: 450px; }

/* ---------- Blog Page ---------- */
.blogTopContent 							{ width: 90%; margin: 0 auto 50px auto; }
.blogTopContent h2 							{ margin-bottom: 30px; font-size: 80px; line-height: 80px; }
.blogTopContent p							{ font-size: 18px; line-height: 28px; }

.blog_items 								{ margin-bottom: 30px; }
.blog_items h2.entry-title					{ font-size: 24px; line-height: 30px; }
.blog_items .blog-image 					{ margin-bottom: 10px; }
.blog_items .articlesBox .articlesInfo .date { font-size: 18px; line-height: 25px; }

.pagination ul li a 						{ width: 45px; height: 45px; }
.pagination ul li.active .current 			{ width: 45px; height: 45px; }

.single .blog_items 						{ width: 100%; margin: auto; }
.single .blog_items h2.entry-title			{ margin-bottom: 20px; font-size: 50px; line-height: 60px; }
.single .blog_items p.post-meta 			{ margin-bottom: 30px; }
.single .blog_items .post-media 			{ margin-bottom: 20px; }
.single .blog_items .detailContent 			{ padding-left: 0; padding-right: 0; }
.single .blog_items h3						{ font-size: 30px; line-height: 40px; }
.single .blog_items p						{ font-size: 18px; line-height: 28px; }
.single .blog_items ul li					{ font-size: 18px; line-height: 28px; }
.single .blog_items .share 					{ width: 100%; display: flex; }
.blogDetail .recentPost 					{ width: 100%; padding: 20px 0; gap: 15px; }
.blogDetail .recentPost .post-wrap a 		{ align-items: flex-start; flex-direction: column; }
.blogDetail .recentPost .post-wrap a.next	{ align-items: flex-end; flex-direction: column-reverse; }
.blogDetail .recentPost .post-wrap a.next .arrow { justify-content: flex-end; }
.blogDetail .recentPost .post-wrap .title 	{ padding: 0px 0px; font-size: 18px; line-height: 22px; }
.blogDetail .recentPost .post-wrap a .arrow { padding: 10px 15px; width: 100%; font-size: 20px; }
.user_cmt_box h3, 
.comment-respond h3 						{ font-size: 35px; line-height: 35px; }
.comment-respond p 							{ font-size: 16px; line-height: 26px; }
.comment-respond p label 					{ width: 30%; }
.comment-respond p .submit 					{ padding: 15px 20px; margin-left: 30%; font-size: 16px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px; }
.container-fluid 							{ padding-right: 15px; padding-left: 15px; }

header										{ padding: 10px 0; }
header .mainHeader .headerLogo 				{ gap: 10px; }
header .mainHeader .headerLogo .logo 		{ max-width: 60px; }
header .mainHeader .headerLogo .logoName 	{ font-size: 25px; line-height: 30px; }
#header .hamburger 							{ width: 60px; height: 60px; }
#header .hamburger #nav-btn+label span::before { width: 40px; bottom: -15px; }
#header .hamburger #nav-btn:checked+label span::before { width: 60px; }
#header .hamburger nav .menu_sec ul.menu 	{ padding: 90px 10px 10px; }
.menu_sec ul.menu li a 						{ font-size: 40px; line-height: 50px; }

.banner-section .banner-slider .swiper-slide .bannerCaption h2 { font-size: 30px; line-height: 40px; }
.banner-section .caption .swiper-pagination { gap: 8px; font-size: 40px; line-height: 50px; }
.banner-section .caption .swiper-pagination .swiper-pagination-current { font-size: 30px; line-height: 40px; }
.banner-section .caption .swiper-pagination .swiper-pagination-total { font-size: 20px; line-height: 30px; }

.ourStorySec 								{ padding: 30px 0 30px; }
.ourStorySec .ourStoryInfo 					{ margin-bottom: 30px; }
.ourStorySec .ourStoryInfo h2 				{ font-size: 50px; line-height: 60px; margin-bottom: 10px; }
.ourStorySec .ourStoryInfo p 				{ max-width: 100%; font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.ourStorySec .ourStoryInfo .borderLine 		{ height: 100px; }
.ourStorySec .storyInfo 					{ padding: 30px 20px; margin-top: 0; }
.ourStorySec .storyInfo p 					{ font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.ourStorySec .storyInfo .contactBtn 		{ padding: 16px 22px; font-size: 18px; line-height: 18px; }
.ourStorySec .rightImg 						{ margin-top: 0; }

.rbStudiosSec 								{ padding: 30px 0; }
.rbStudiosSec h2 							{ font-size: 50px; line-height: 50px; margin-bottom: 30px; }
.rbStudiosSec .studiosWrapper .imagesCount  { height: 400px; width:80%}
.rbStudiosSec .studiosWrapper .imagesCount .counters { display: none; }
.rbStudiosSec .studiosWrapper .imagesContents .contBlock h3 { font-size: 50px; line-height: 50px; }

.ourWorkSec 								{ padding: 30px 0; }
.ourWorkSec h2 								{ font-size: 50px; line-height: 60px; margin-bottom: 10px; }
.ourWorkSec .leftCol 						{ padding: 0; margin-bottom: 30px; }
.ourWorkSec .leftCol p 						{ font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.ourWorkSec .leftCol .viewPortfolioBtn 		{ font-size: 18px; line-height: 30px; }
.ourWorkSec .rightCol 						{ padding-left: 0; width: 100%; }
.ourWorkSec .ourWork-slider-arrow  			{ display: none; }
.ourWorkSec .ourWork-swiper-pagination 		{ display: block; }

.featuredReviewSec 							{ height: 450px; background-attachment: unset; }
.featuredReviewSec .featuredReviewBox 		{ padding: 20px 30px; }
.featuredReviewSec .featuredReviewBox p 	{ font-size: 20px; line-height: 30px; margin-bottom: 15px; }
.featuredReviewSec .featuredReviewBox h5 	{ font-size: 30px; line-height: 35px; }

.clientReviewsSec 							{ padding: 30px 0; }
.clientReviewsSec .reviewsTitle  			{ padding-bottom: 30px; position: unset; }
.clientReviewsSec .reviewsTitle h2 			{ font-size: 50px; line-height: 45px; margin-bottom: 20px; }
.clientReviewsSec .reviewsTitle .viewBtn 	{ font-size: 18px; line-height: 30px; }
.clientReviewsSec .row [class*="col-"]:nth-child(3n + 2) { margin-top: 0; }
.clientReviewsSec .reviewsBox 				{ margin: 0 auto 30px auto; padding: 90px 30px 60px; }
.clientReviewsSec .reviewsBox h4 			{ font-size: 30px; }
.clientReviewsSec .reviewsBox p 			{ font-size: 18px; line-height: 30px; }
.clientReviewsSec .reviewsBox .userImg 		{ width: 80px; height: 80px; }
.clientReviewsSec .reviewsBox h5 			{ font-size: 22px; line-height: 22px; }

.latestArticlesSec 							{ padding: 30px 0; }
.latestArticlesSec .leftCol 				{ margin-bottom: 30px; }
.latestArticlesSec .leftCol h2 				{ font-size: 50px; line-height: 60px; margin-bottom: 20px; }
.latestArticlesSec .leftCol p 				{ font-size: 18px; line-height: 30px; margin-bottom: 15px; }
.latestArticlesSec .leftCol .allArticlesBtn { font-size: 18px; line-height: 30px; }
.latestArticlesSec .rightCol .articlesBox 	{ margin-bottom: 30px; }
.latestArticlesSec .rightCol .articlesBox .articlesInfo h3 { font-size: 25px; line-height: 35px; }
.latestArticlesSec .rightCol .articlesBox .articlesInfo .date { font-size: 18px; line-height: 25px; }

footer 										{ padding-bottom: 50px; }
footer .marqueeSec .marquee-track .marquee-container .marquee-text { font-size: 22px; line-height: 30px; padding: 0 30px; }
footer .topFooter 							{ padding-top: 30px; flex-direction: column; gap: 30px; }
footer .topFooter .ftr-link .ftr-tel a 		{ font-size: 18px; }
footer .topFooter .ftr-menu 				{ gap: 15px; flex-direction: column; align-items: flex-start; }
footer .topFooter .ftr-menu ul 				{ gap: 10px 30px; flex-wrap: wrap; }
footer .topFooter .ftr-menu ul li a 		{ font-size: 18px; line-height: 20px; }
footer .topFooter .ftr-copy p 				{ font-size: 18px; text-align: left; }
footer .bottomFooter 						{ font-size: 55px; line-height: 75px; }



/* ---------- Inner Banner Css ---------- */
.innerbannerSec 							{ padding-top: 80px; }
.innerbannerSec .bannerCaption 				{ width: 100%; }
.innerbannerSec .bannerCaption h1 			{ font-size: 50px; line-height: 60px; margin-bottom: 20px; }
.innerbannerSec .bannerCaption p 			{ font-size: 20px; line-height: 35px; }
.innerbannerSec .bannerCaption p br  		{ display: none; }
.innerbannerSec .bannerCaption .contactBtn 	{ padding: 16px 22px; font-size: 18px; line-height: 18px; }

#innerSection								{ padding-top: 30px; padding-bottom:30px; }

/* ---------- About Studio Page Css ---------- */
.ourStorySection 							{ padding: 30px 0; }
.ourStorySection h2 						{ font-size: 50px; line-height: 60px; margin-bottom: 20px; }
.ourStorySection .leftCol 					{ margin-bottom: 30px; }
.ourStorySection .rightCol 					{ padding-right: 0; }
.ourStorySection .rightCol h4 				{ font-size: 20px; line-height: 22px; }
.ourStorySection .rightCol h3 				{ font-size: 40px; line-height: 50px; }
.ourStorySection .rightCol p 				{ font-size: 18px; line-height: 28px; margin-bottom: 20px; }

.behindSec 									{ padding: 30px 0; }
.behindSec h2 								{ font-size: 50px; line-height: 50px; margin-bottom: 20px; }
.behindSec .behindInfo 						{ margin: 20px auto 0 auto; padding: 20px; }
.behindSec .behindInfo p 					{ font-size: 20px; line-height: 28px; margin-bottom: 20px; }

.highlightsSec 								{ padding: 30px 0; }
.highlightsSec .highlightsBox 				{ margin-bottom: 40px; }
.highlightsSec .highlightsBox .leftCol h2 	{ font-size: 50px; line-height: 45px; margin: 0 0 20px 0; }
.highlightsSec .highlightsBox .rightCol 	{ padding-right: 0; }
.highlightsSec .highlightsBox .rightCol p 	{ font-size: 18px; line-height: 30px; }
.highlightsSec .highlightsCounterBox .counterBox { margin-bottom: 30px; }
.highlightsSec .highlightsCounterBox .counterBox .bigText { font-size: 50px; line-height: 50px; }
.highlightsSec .highlightsCounterBox .counterBox .smallText { font-size: 35px; line-height: 40px; }

.sportsSec .leftCol 						{ width: 100%; margin: 0 0 30px 0; }
.sportsSec .rightCol  						{ padding: 0; }
.sportsSec .rightCol h3 					{ font-size: 40px; line-height: 40px; }
.sportsSec .rightCol p 						{ font-size: 18px; line-height: 28px; }

.everyPhotoSec 								{ padding: 30px 0; }
.everyPhotoSec h2 							{ font-size: 50px; line-height: 50px; margin-bottom: 20px; }
.everyPhotoSec .row 						{ flex-direction: column-reverse; }
.everyPhotoSec .leftCol  					{ padding: 0; }
.everyPhotoSec .leftCol h3 					{ font-size: 40px; line-height: 40px; text-align: left; }
.everyPhotoSec .leftCol p 					{ font-size: 18px; line-height: 28px; text-align: left; }
.everyPhotoSec .rightCol 					{ width: 100%; margin: 0 0 30px 0; }

/* ---------- Behind Page ---------- */
#behindPgSec.behindSec .behindInfo { max-width: 100%; width: 100%; margin: 30px auto 0 auto; }

/* ---------- Photography Page & Detail Page Css ---------- */
.portfolioSec 								{ padding: 30px 0; }
.portfolioSec h2 							{ font-size: 50px; }
.portfolioSec .portfolioItems 				{ gap: 30px; margin: 15px 0 0 0; }
.portfolioSec .portfolioItems .item 		{ width: calc(100% - 0px); }
.portfolioSec .portfolioItems .item h3 		{ margin: 15px 0 10px 0; font-size: 35px; line-height: 35px; }
.portfolioSec .portfolioBoxCol 				{ justify-content: center; gap: 7px; margin: 20px 0 30px 0; padding: 0; }
.portfolioSec .portfolioBoxCol::before 		{ display: none; }
.portfolioSec .portfolioBoxCol .portfolioBox a { width: 110px; height: 110px; font-size: 16px; line-height: 16px; }
.portfolioSec .description 					{ margin: 0; }
.portfolioSec .description p 				{ margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
.portfolioSec .portfolioWrapper 			{ padding: 200px 0; }
.portfolioSec .portfolioWrapper .imagesContents .contBlock { padding-right: 20px; }

/* ---------- Review Page ---------- */
#reviewsPgSec.clientReviewsSec				{ padding-top: 30px; padding-bottom: 30px; }
#reviewsPgSec.clientReviewsSec .row [class*="col-"] { margin-top: 0; margin-bottom: 50px; }
#reviewsPgSec.clientReviewsSec .row [class*="col-"]:nth-child(2) { margin-top: 50px !important; }
#reviewsPgSec.clientReviewsSec .row [class*="col-"]:nth-child(3) { margin: 0 0 50px 0; }

/* ---------- Contact Page Css ---------- */
.contactSec 								{ padding: 30px 0; }
.contactSec .topContent 					{ width: 100%; margin: 0 auto 30px auto; }
.contactSec .topContent h2					{ margin: 0 0 15px 0; font-size: 50px; line-height: 60px; }
.contactSec .topContent p 					{ margin-bottom: 0px; font-size: 18px; line-height: 28px; }
.contactSec .contactForm 					{ width: 100%; margin: 30px auto 0 auto; padding-left: 15px; }
.contactSec .contactForm .form-text p 		{ margin: 0 0 20px 0; font-size: 18px; line-height: 28px; }
.contactSec .contactForm .form-group 		{ margin-bottom: 15px; }
.contactSec .contactForm .form-group .form-control 	{ padding: 15px 15px; height: 55px; font-size: 18px; line-height: 20px; }
.contactSec .contactForm .form-group .sendBtn 		{ padding: 18px 30px 18px 30px; }

.googleMapSec h2 							{ margin: 0 0 20px 0; width: 100%; font-size: 50px; line-height: 60px; }
.googleMapSec .mapBox iframe 				{ height: 400px; }

/* ---------- Blog Page ---------- */
.blogTopContent 							{ width: 100%; margin: 0 auto 40px auto; }
.blogTopContent h2 							{ margin-bottom: 20px; font-size: 50px; line-height: 45px; }
.blogTopContent p							{ font-size: 18px; line-height: 28px; }
.blogTopContent p br						{ display:none; }

.blog_items 								{ margin-bottom: 30px; }
.blog_items h2.entry-title					{ font-size: 24px; line-height: 30px; }
.blog_items .blog-image 					{ margin-bottom: 10px; }
.blog_items .articlesBox .articlesInfo .date { font-size: 18px; line-height: 25px; }

.pagination ul li a 						{ width: 45px; height: 45px; }
.pagination ul li.active .current 			{ width: 45px; height: 45px; }

.single .blog_items 						{ width: 100%; margin: auto; }
.single .blog_items h2.entry-title			{ margin-bottom: 20px; font-size: 35px; line-height: 40px; }
.single .blog_items p.post-meta 			{ margin-bottom: 30px; }
.single .blog_items .post-media 			{ margin-bottom: 20px; }
.single .blog_items .detailContent 			{ padding-left: 0; padding-right: 0; }
.single .blog_items h3						{ font-size: 24px; line-height: 34px; }
.single .blog_items p						{ font-size: 18px; line-height: 28px; }
.single .blog_items ul li					{ font-size: 18px; line-height: 28px; }
.single .blog_items .share 					{ width: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.blogDetail .recentPost 					{ width: 100%; padding: 20px 0; gap: 15px; }
.blogDetail .recentPost .post-wrap a 		{ align-items: flex-start; flex-direction: column; }
.blogDetail .recentPost .post-wrap a.next	{ align-items: flex-end; flex-direction: column-reverse; }
.blogDetail .recentPost .post-wrap a.next .arrow { justify-content: flex-end; }
.blogDetail .recentPost .post-wrap .title 	{ padding: 0px 0px; font-size: 18px; line-height: 22px; }
.blogDetail .recentPost .post-wrap a .arrow { padding: 10px 15px; width: 100%; font-size: 20px; }
.user_cmt_box h3, 
.comment-respond h3 						{ font-size: 30px; line-height: 30px; }
.comment-respond p 							{ font-size: 16px; line-height: 26px; }
.comment-respond p label 					{ width: 30%; }
.comment-respond p .submit 					{ padding: 15px 20px; margin-left: 30%; font-size: 16px; }
	
}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

/* ---------- Photography Page & Detail Page Css ---------- */
.portfolioSec .portfolioItems .item 		{ width: calc(50% - 15px); }

}