/*----------------------------------
    MEDIUM LAYOUT: 1280px
-----------------------------------*/


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

}


/*----------------------------------
    TABLET LAYOUT: 768px
------------------------------------*/

@media (min-width: 768px) and (max-width: 1023px) {	


	section { padding: 48px 0;}
	.section-header { margin-bottom: 24px;}
	.section-header h1 { font-size: 28px;}
	.section-header h1 br { display: none;}

	.logo span { font-size: 26px;}

	.border-btn { height: 48px;}

	#banner .col-6 { width: 100%;}
	.banner-content { margin: 0 0 36px 0;}
	.banner-content p { font-size: 18px; margin-bottom: 24px;}
	.banner-content p br { display: none;}

	#highlight-box .highlight-content { padding: 30px 24px; gap: 20px; justify-content: center;}
	#highlight-box .highlight-content p { font-size: 22px; line-height: 30px; text-align: center;}
	#highlight-box.bg-green-clr .highlight-content p { font-size: 22px;}

	#financial-tools-box .tool-box div { width: 60px; height: 60px;}
	#financial-tools-box .tool-box h4 { font-size: 20px;}

	#financial-tools .d-flex { flex-wrap: wrap;}
	#financial-tools .nav.nav-pills, #financial-tools .tab-content { width: 100%;}
	#financial-tools .nav.nav-pills .nav-link { width: 100%; font-size: 18px; padding: 0 16px; justify-content: center;} 
	#financial-tools .nav.nav-pills .border-btn.financial-btn { margin: 16px auto;}

	#why-choose-us .header-content h1 { font-size: 30px;}
	#why-choose-us .header-content h1 span.text { font-size: 30px;}

	#powerful-benefits .section-header { margin-bottom: 36px;}
	#powerful-benefits .col-4 { width: 50%;}
	#powerful-benefits .col-4:last-child .benefit-box { margin: 0;}

	#business-success .col-6 { width: 100%;}
	#business-success .business-success-image { padding: 24px;}
	.business-success-info { justify-content: flex-start;}
	.business-success-info .section-header { text-align: left;}
	.business-success-info p { width: 100%;}
	#business-success .border-btn.business-success-btn { width: auto;}

	#why-fernbooks .col-6 { width: 100%;}
	#why-fernbooks .why-fernbooks-text { padding: 0; margin-bottom: 36px;}
	#why-fernbooks .why-fernbooks-text p { font-size: 16px; margin: 0;}
	#why-fernbooks .why-fernbooks-points { padding: 24px;}
	#why-fernbooks .why-fernbooks-points ul { gap: 16px; display: flex;	flex-wrap: wrap;}
	#why-fernbooks .why-fernbooks-points ul li { font-size: 16px;}

	#footer { padding: 36px 0 0 0;}
	#footer .col-4, #footer .col-8 { width: 100%;}

	.footer-links { gap: 24px; margin: 0 0 20px 0; flex-wrap: nowrap;}
	.footer-column ul { margin: 0;}

	#financial-tools-box .row { justify-content: center;}
	#financial-tools-box .col-4 { width: 50%;}
	#financial-tools-box .tool-box { padding: 16px; margin: 10px 0; gap: 20px;}

	#bookkeeping-tools .col-6 {width: 100%;}
	#bookkeeping-tools .bookkeeping-image-wrapper {margin-bottom: 30px;}
	#bookkeeping-tools .bookkeeping-content { padding: 0;}
	.bookkeeping-content li { margin-bottom: 16px; padding-bottom: 16px;}

	#who-we-are { padding: 36px 0;}
	#who-we-are .col-12 {width: 100%;}
	.who-we-are-content { padding-bottom: 20px;}

	#pricing-options .pricing-grid { gap: 16px;}
	#pricing-options .col-3 { width: 48%; text-align: center;}
	#pricing-options .pricing-box { margin: 0 auto 24px auto; width: 100%;}
	#pricing-options {padding: 40px 20px}
	#pricing-options .section-header p { font-size: 18px; margin: 16px 0;}
	#pricing-options .section-header p br { display: none;}

    #join-us {padding: 36px 0;;}
	#join-us .section-header h1 {font-size: 24px;}

    #contact-info .contact-info-left {padding: 24px;}
	#contact-info .contact-info-right {padding: 24px;}

	#system-box .col-3 {width: 50%;}

	#system-features { padding: 36px 24px; }
	#system-features-one .col-6, #system-features-two .col-6, #system-features-three .col-6, #system-features-four .col-6,
	#system-features-five .col-6, #system-features-six .col-6, 	#system-features-seven .col-6 {width: 100%;}

	.system-features-image-wrapper { text-align: center;}

	.system-features-content { padding: 24px 0 0 0;}
	#system-features .system-features-image-wrapper {margin-bottom: 24px;}

	.system-features-green .col-6 {width: 100%;}
	.system-features-green {padding: 36px 24px;}
	.system-features-green .system-features-green-image-wrapper {margin-bottom: 24px; text-align: center;}
	

	#log-in .col-6 {width: 100%;}
	#log-in .login-left {padding: 24px; text-align: center;}
	#log-in .log-in-content {margin-bottom: 24px; margin-top: 24px; padding: 24px;}

	#sign-up .col-6 {width: 100%;}
	#sign-up .signup-left {padding: 24px; text-align: center;}
	#sign-up .sign-up-content {padding: 24px; margin-top: 24px; margin-bottom: 24px;}

    #footer .col-4 { width: 100%; }
	#footer .btn-fernstore {margin-right: 10px;}

}


/*----------------------------------
    WIDE MOBILE LAYOUT: 480px
-----------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {		


}

/*----------------------------------
    MOBILE LAYOUT: 320px
-----------------------------------*/

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

	section { padding: 48px 0;}
	.section-header { margin-bottom: 24px;}
	.section-header h1 { font-size: 28px;}
	.section-header h1 br { display: none;}

	.logo span { font-size: 26px;}

	.border-btn { height: 48px;}

	#banner .col-6 { width: 100%;}
	.banner-content { margin: 0 0 36px 0;}
	.banner-content p { font-size: 18px; margin-bottom: 24px;}
	.banner-content p br { display: none;}

	#highlight-box .highlight-content { padding: 30px 24px; gap: 20px; justify-content: center;}
	#highlight-box .highlight-content p { font-size: 22px; line-height: 30px; text-align: center;}
	#highlight-box.bg-green-clr .highlight-content p { font-size: 22px;}

	#financial-tools-box .tool-box div { width: 60px; height: 60px;}
	#financial-tools-box .tool-box h4 { font-size: 20px;}

	#financial-tools .d-flex { flex-wrap: wrap;}
	#financial-tools .nav.nav-pills, #financial-tools .tab-content { width: 100%;}
	#financial-tools .nav.nav-pills .nav-link { width: 100%; font-size: 18px; padding: 0 16px; justify-content: center;} 
	#financial-tools .nav.nav-pills .border-btn.financial-btn { margin: 16px auto;}

	#why-choose-us .header-content h1 { font-size: 30px;}
	#why-choose-us .header-content h1 span.text { font-size: 30px;}

	#powerful-benefits .section-header { margin-bottom: 36px;}
	#powerful-benefits .col-4 { width: 100%;}
	#powerful-benefits .col-4:last-child .benefit-box { margin: 0;}

	#business-success .col-6 { width: 100%;}
	#business-success .business-success-image { padding: 24px;}
	.business-success-info { justify-content: flex-start;}
	.business-success-info .section-header { text-align: left;}
	#business-success .border-btn.business-success-btn { width: auto;}

	#why-fernbooks .col-6 { width: 100%;}
	#why-fernbooks .why-fernbooks-text { padding: 0; margin-bottom: 36px;}
	#why-fernbooks .why-fernbooks-text p { font-size: 16px; margin: 0;}
	#why-fernbooks .why-fernbooks-points { padding: 24px;}
	#why-fernbooks .why-fernbooks-points ul { gap: 16px; display: flex;	flex-wrap: wrap;}
	#why-fernbooks .why-fernbooks-points ul li { font-size: 16px;}

	#footer { padding: 36px 0 0 0;}
	#footer .col-4, #footer .col-8 { width: 100%;}

	.footer-links { gap: 24px; margin: 0 0 20px 0;}
	.footer-column { min-width: 100%;}
	.footer-column ul { margin: 0;}

	#financial-tools-box .col-4 { width: 100%;}
	#financial-tools-box .tool-box { padding: 16px; margin: 10px 0; gap: 20px;}

	#bookkeeping-tools .col-6 {width: 100%;}
	#bookkeeping-tools .bookkeeping-image-wrapper {margin-bottom: 30px;}
	#bookkeeping-tools .bookkeeping-content { padding: 0;}
	.bookkeeping-content li { margin-bottom: 16px; padding-bottom: 16px;}

	#who-we-are { padding: 36px 0;}
	#who-we-are .col-12 {width: 100%;}
	.who-we-are-content { padding-bottom: 20px;}

	#pricing-options .col-12 { width: 100%; text-align: center;}
	#pricing-options .pricing-box { margin: 0 auto 24px auto; width: 100%;}
	#pricing-options {padding: 40px 20px}
	#pricing-options .container-2 {display: block;}
	#pricing-options .container-2 .pricing-features {margin-bottom: 8px;}
	#pricing-options .section-header p { font-size: 18px; margin: 16px 0;}
	#pricing-options .section-header p br { display: none;}	

    #join-us {padding: 36px 0;;}
	#join-us .section-header h1 {font-size: 24px;}

	#contact-info .col-6 {width: 100%;}
    #contact-info .contact-info-left {padding: 24px;}
	#contact-info .contact-info-right {padding: 24px;}

	#system-box .col-3 {width: 100%;}
	#system-box .system-box-content h4 {font-size: 18px;}

	#system-features { padding: 36px 24px; }
	#system-features-one .col-6, #system-features-two .col-6, #system-features-three .col-6, #system-features-four .col-6,
	#system-features-five .col-6, #system-features-six .col-6, 	#system-features-seven .col-6 {width: 100%;}

	.system-features-content { padding: 24px 0 0 0;}
	#system-features .system-features-image-wrapper {margin-bottom: 24px;}

	.system-features-green .col-6 {width: 100%;}
	.system-features-green {padding: 36px 24px;}
	.system-features-green .system-features-green-image-wrapper {margin-bottom: 24px;}
	

	#log-in .col-6 {width: 100%;}
	#log-in .login-left {padding: 24px;}
	#log-in .log-in-content {margin-bottom: 24px; margin-top: 24px; padding: 24px;}

	#sign-up .col-6 {width: 100%;}
	#sign-up .signup-left {padding: 24px;}
	#sign-up .sign-up-content {padding: 24px; margin-top: 24px; margin-bottom: 24px;}

	#terms-conditions-main .terms-conditions-block h3 {font-size: 18px;}

	#footer .col-4 { width: 100%; }
	#footer .btn-fernstore {margin-bottom: 10px;}


}