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


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

}


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

@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar ul li.connect-link { margin:15px 15px 0 15px; border: 2px solid #FFFFFF;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;}
	.navbar ul li.connect-link span { color:#FFFFFF; font-size: 18px; text-transform: inherit;}
	.navbar ul li.connect-link span:before { color:#FFFFFF;}
	.navbar ul li.connect-link a { color:#FFFFFF; font-size: 18px;}

}


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

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

	section { padding:40px 0;}
	.section-header { margin-bottom: 15px; padding-bottom: 15px;}
	.section-header h2 { font-size: 24px; padding: 0 0 24px 0;}
	
	#header { height:70px;}
	#header.header-scrolled { height: 60px;}
	
	#header .logo img { max-height: 44px;}
	
	.navbar ul li a, .navbar ul li a.contact-btn { font-size:17px;}
	
	.navbar ul li.connect-link { margin:15px 15px 0 15px; border: 2px solid #FFFFFF;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;}
	.navbar ul li.connect-link span { color:#FFFFFF; font-size: 17px; text-transform: inherit;}
	.navbar ul li.connect-link span:before { color:#FFFFFF;}
	.navbar ul li.connect-link a { color:#FFFFFF; font-size: 17px;}
	
	.navbar ul li.dropdown a:hover, .navbar ul li.dropdown a.active, .navbar ul li.dropdown a.active:focus, .navbar ul li.dropdown:hover > a { color: #f6343f;}
	
	.breadcrumbs { margin-top:70px; padding: 20px 0;}
	.breadcrumbs h2 { font-size: 22px; margin:0 0 10px 0;}
	
	.breadcrumbs-bg-img { height: 200px;}
	/*.breadcrumbs{margin-top:70px;}*/

	p { font-size:15px; line-height: 24px;}	

	#header {}

	#header.header-fixed { display:block; padding: 10px 0;}	
	
	.slider-area h2 { font-size: 30px; padding:0 10px; margin:0 0 20px 0;}
	.slider-area h2 span { font-size: 16px; line-height: 24px; margin: 20px 0 0 0;}
	.slider-area h3 { padding:0 10px;}
	
	
	#about .col-6 { width:100%;}
	#about .abos-about-img {}
	#about .abos-about-text { padding:25px 0 0 0;}
	#about .abos-about-text p { line-height: 25px; margin: 0 0 25px 0;}
	
	#home-accounting-section .col-6 { width:100%;}
	#home-accounting-section .icon-box { margin-bottom:10px;}
	#home-accounting-section .icon-box a i { width: 44px; height: 44px; font-size: 32px;}
	#home-accounting-section .icon-box a h3 { font-size: 20px; line-height: 44px; margin: 0 0 0 60px;}

	#accounting-section .col-6 { width:100%;}
	#accounting-section .icon-box { padding:15px;}
	#accounting-section .icon-box i { float:none; width: 48px; height: 48px; font-size: 36px;}
	#accounting-section .icon-box h3 { font-size: 22px; margin:15px 0; line-height:inherit;}
	
	.min-height-one { min-height: inherit;}
	.min-height-two { min-height: inherit;}
	.min-height-three { min-height: inherit;}

	#home-graphic-services .col-6 { width:100%;}
	#home-graphic-services .abos-graphic-img { padding-bottom:30px; margin-bottom:30px; border-bottom: 2px solid #dcdcdc;}
	#home-graphic-services .abos-graphic-list ul li { font-size:17px; line-height: 25px; padding: 0 0 0 40px; margin: 0 0 20px 0;}
	#home-graphic-services .abos-graphic-list ul li:before { font-size: 28px; width: 28px; height: 28px; line-height: 28px;}
	#home-graphic-services .abos-graphic-list ul li:last-child { margin:0;}

	#graphic-services .col-6 { width:100%;}
	#graphic-services .abos-graphic-img { padding-bottom:30px; margin-bottom:30px; border-bottom: 2px solid #dcdcdc;}
	#graphic-services .abos-graphic-list ul li { font-size:15px; line-height: 25px; padding: 0 0 0 40px; margin: 0 0 20px 0; border: 0px none;}
	#graphic-services .abos-graphic-list ul li:before { font-size: 28px; width: 28px; height: 28px; line-height: 28px; top: -2px; left: 0;}
	#graphic-services .abos-graphic-list ul li:last-child { margin:0;}
	
	#accounting-section .col-6 { width:100%;}
	#accounting-section .back-office-img { padding-bottom:30px; margin-bottom:30px; border-bottom: 2px solid #dcdcdc;}
	#accounting-section .back-office-text p { font-size:15px; line-height: 25px; margin: 0 0 20px 0;}
	#accounting-section .back-office-text ul li { font-size:15px; line-height: 25px; padding: 0 0 0 40px; margin: 0 0 20px 0;}
	#accounting-section .back-office-text ul li:before { font-size: 28px; width: 28px; height: 28px; line-height: 28px;}
	#accounting-section .back-office-text ul li:last-child { margin:0;}

	/*#back-office-section .col-6 { width:100%;}
	#back-office-section .back-office-img { padding-bottom:30px; margin-bottom:30px; border-bottom: 2px solid #dcdcdc;}
	#back-office-section .back-office-text p { font-size:15px; line-height: 25px; margin: 0 0 20px 0;}
	#back-office-section .back-office-text ul li { font-size:15px; line-height: 25px; padding: 0 0 0 40px; margin: 0 0 20px 0;}
	#back-office-section .back-office-text ul li:before { font-size: 28px; width: 28px; height: 28px; line-height: 28px;}
	#back-office-section .back-office-text ul li:last-child { margin:0;}*/


	#three-box-section .three-icon-box { text-align:center; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.10);} 
	#three-box-section .three-icon-box h3 { font-size: 22px;}
	#three-box-section .three-icon-box i { display:block; margin: 0 auto 20px auto; line-height: 54px; width: 54px; height: 54px; font-size: 40px;}
	#three-box-section .col-4 { width:100%;}
	#three-box-section .col-4:last-child .three-icon-box { padding:0; margin:0; border-bottom:0px none;}
	
	
	#footer .footer-top { padding:40px 0;}
	#footer .footer-top h3 { font-size: 22px; margin:0 0 20px 0;}
		
	#footer .footer-top .col-4, #footer .footer-top .col-5, #footer .footer-top .col-3 { width:100%;}
	
	#footer .footer-top .footer-about { margin: 0 0 25px 0; padding:0;}		
	#footer .footer-top .footer-links { margin: 0 0 25px 0;}
	#footer .footer-top .footer-links ul li { padding: 0 0 12px 0;}
	#footer .footer-top .footer-links ul li a { font-size:15px;}
	#footer .footer-top .footer-social { margin: 20px 0 0 0;}
	
	#footer .footer-btm { padding:0;}
	#footer .footer-btm p { padding:10px 0;}
	
	#contact-form .col-6 { width:100%;}
	#contact-form .submit-btn { width:100%;}
 

	.slider-area h1 { font-size:26px;}
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { display: none;} 
	
}


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

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


}