/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
|  1. 980 Media General
|  2. 768 * 979 iPad Portrait
|  3. 980 * 1024 iPad Landscape	
|  4. 1200 Up to large
*/

/* 01 General Media Query (iPhone, iPad, Small Tablet, 979 / 80 px)
=============================================================== */
@media (max-width:980px) { 
/*** Global Classes CSS BOF ***/

	.tabbable-line > .nav-tabs > li > a{line-height:19px;}
	.news-class .text{left:0;right:0;}
.calc-class .text{right:0;}
.calc-class h4,.news-class h4{text-align:center;}

.news-class figure, .calc-class figure{margin:0 auto;text-align:center;}

} 

/* 02 iPad & Small Tablet (Portrait) (768 * 1024)
============================================================== */
@media (min-width: 768px) and (max-width: 979px) {
	
/*** Global Classes CSS BOF ***/
h1, h2, h3, h4, h5, h6 { line-height:1.22; }
h1 { }
h2{font-size:28px;}
p{line-height:22px;}
.header-top{padding-top: 30px;}

/*** Header left part csss ***/		
.header-top .leftpart{margin-top: 5px;}
.header-top .btn{padding:8px 10px; margin-right:5px;}
.header-top ul.social-links{margin-top: 5px;}
.header-top ul.social-links li a{margin: 2px; width: 24px; height: 24px; line-height: 24px; font-size: 14px;}
.header-top .logo{padding: 0px 15px; width: 180px;}

/*** Header Right part css ***/	
.header-top .rightpart{margin-top: 5px;}
.header-top .login a{font-size: 18px; margin-left:5px;}
.header-top .call-us{margin-left: 10px; font-size: 12px;}
.header-top .call-us .icon{margin-right:5px;}
.header-top .call-us a{padding-right: 1px; line-height: 18px;}
header .navbar-default .navbar-nav > li > a{font-size:12px; padding:5px 6px;}
.item-contant .accounting{font-size:80px;}
.item-contant .freedom{font-size:116px; line-height:120px;}

/*** Buried in paperwork and feeling overwhelmed? ***/	
.accounting-freedom p{padding:20px 0px; line-height:22px;}	
.accounting-freedom h5{line-height:22px; font-size:17px;}

/*** Services We Offer CSS BOF ***/
.services-images h4 br{display:none;}
.services-images h4{font-size:18px;}
.services-images .text-overlay{bottom:15px; left:15px;}

.customer-reviews-man{padding:80px 20px 30px;}
.customer-reviews-man .picture{left:25%; }
.blog-man{padding:25px;}

/* INDEX PAGE CSS BOF
-------------------------------------------------------------- */
header .navbar-default.inner-menu{top:120px;}
.breadcrumb{margin-top:30px;}


/* TOOLS AND RESOURCES CSS EOF 
======================================================= */
.eye-on-money ul{width:auto; text-align:center;}
.helpful-links-inner .services-part p{padding-bottom:10px;}

/* ABOUT US CSS EOF 
======================================================= */
.progressive-benefits ul{width:auto;}

/* SERVICES WE OFFER CSS EOF 
======================================================= */
.spectrum-of-services{padding-top:15px;}
.spectrum-of-services .service-bg img{height:380px;}
.spectrum-of-services .text-overlay{top:30px; left:30px;}
.spectrum-of-services h3{font-size:20px;}
.spectrum-of-services .add-services{height:380px; padding-left:30px; padding-top:140px;}

/* CONTACT US CSS EOF 
======================================================= */
.contact-us-location .company-address ul li{width:50%;}

/* SERVICES INDIVIDUAL CSS EOF 
======================================================= */
.tabbable-panel{margin:0px 0px;}
.tabbable-line > .nav-tabs > li{width:14%;}
.tabbable-line > .nav-tabs > li > a{font-size:13px; line-height:20px;}
.tabbable-line > .tab-content{padding:30px 0px;}
.customer-reviews-man .picture{left: 36%;height:70px;width:70px;top: -40px;}
.services-images .content .text{left:10px;}
.services-images .content h4{line-height:18px;font-size:14px;}
.spectrum-of-services .content .service-bg img{height: 370px;}
.spectrum-of-services .add-services{   height: 370px;}
.calc-class .text{right:0;left:15px;}
.calc-icon{padding-right:0px;}
.resource-center p{font-size:18px;text-align:center;}
.news-icon {padding-left: 0;}
}

/* 03 All Mobile Device (iPhone, Android, Window)(480 * 640)	
============================================================== */
@media (max-width: 767px) {
	
/*** Global Classes CSS BOF ***/
h1, h2, h3, h4, h5, h6 { line-height:1.22; text-align:center; }
h1 {  }
h2{font-size:26px;}
p { line-height:1.7; text-align:center;}

.header-top { color: #ffffff; padding-top: 20px; }
.header-top .leftpart { float: none; margin-top: 10px;}
.header-top .btn { display: block; float: none; margin-right: 0;}
.header-top .logo { display: block; float: none; margin: 30px auto 15px; text-align: center; }
.header-top .rightpart { float: none;  margin-top: 10px;  text-align: center;}
.header-top .login { float: none;  margin-bottom: 5px;}
.header-top .call-us {display: inline-block; margin-top: 15px; text-align: left;}
.header-top .call-us a {display: inline-block;  font-weight: 700;  line-height: 20px;  padding-right: 6px;}
.header-top .call-us br {display: block;}
header .navbar-default .navbar-nav > li { display: block;}
.item-contant .accounting { font-family: "Museo Sans Cyrl 900";  font-size: 38px;  line-height: normal;  text-transform: uppercase;}
.item-contant .freedom { font-family: "Museo Sans Cyrl 900";  font-size: 60px;  line-height: normal;  text-transform: uppercase;}
.item-contant h1 { font-family: "Museo Sans Cyrl 700";  font-size: 24px;}
.item-contant h3 {font-size: 19px;  padding-bottom: 15px;  padding-top: 15px;}

/*** Buried in paperwork and feeling overwhelmed? ***/
.accounting-video{padding:15px 0 15px}
.accounting-freedom p{padding:20px 0px;}
.accounting-freedom .btn{display:block; margin-bottom:30px;}

/*** Services We Offer CSS BOF ***/
.services-images h4 br{display:none;}
.services-images h4{font-size:18px;}
.services-images .text-overlay{bottom:15px; left:15px;}
.spectrum-of-services .service-bg img{height:350px;}

.our-newsletter{padding:35px 15px; float:none; text-align:center;}
.calculators .contant-text{float:none; width:100%;}
.calc-icon{padding-right:10px;}

.calculators{padding:35px 15px; float:none; text-align:center;}
.our-newsletter .contant-text{float:none; width:100%;}
.news-icon{padding-left:10px;}

.customer-reviews-slider .owl-nav .nav-control{margin-left:60px; margin-right:60px;}
.from-the-blog .owl-nav .nav-control{margin-left:60px; margin-right:60px;}

.blog-man{text-align:center;}
.footer-contant h6{text-align:left; margin-bottom:15px; margin-top:15px;}
.footer-contant p{text-align:left;}
.footer-contant {padding-top:110px;}
.footer-contant ul.social-links{margin-top:5px;}

header .navbar-default.inner-menu{position:relative;}
.breadcrumb{margin-top:10px;}
.services-images .content .text{left:0px;right:0px;}
/* TOOLS AND RESOURCES CSS EOF 
======================================================= */
.banner-inner-bg{background-image:url("../images/banner-inner-bg.jpg"); background-size:cover; padding-bottom:30px;}
header .navbar-default{margin-top:25px; position:absolute; left:0; right:0; z-index:100; width:90%; margin:40px auto 0; }
header .carousel{margin-top:180px;}
.header-top .call-us .icon{float: none; margin-left: -40px; margin-top: 5px; position: absolute;}
.eye-on-money ul{width:auto;}
.helpful-links-inner .services-part h5{text-align:left;}
.helpful-links-inner .services-part p{text-align:left; padding-bottom:10px;}
.helpful-links-inner .services-part ul li{width:45%;}

/* ABOUT US CSS EOF 
======================================================= */
.progressive-benefits ul{width:auto;}
.progressive-benefits ul li a{font-size:14px;}
.professional-development{padding:30px; font-family:"Museo Sans Cyrl 300";}
.customer-reviews-man .picture{left:0;right:0;margin:0 auto;}
.staff-directory .owl-nav .nav-control{margin-left:60px; margin-right:60px; }

/* SERVICES WE OFFER CSS EOF 
======================================================= */
.spectrum-of-services{padding-top:15px;}
.spectrum-of-services .content .text{top:30px; left:15px; right:15px;}
.spectrum-of-services .content .text figure{margin:0 auto; text-align:center;}
.spectrum-of-services h3{font-size:17px;}
.spectrum-of-services .add-services{padding-left:15px; padding-right:15px; text-align:center; padding-top:105px; height:350px;}
.spectrum-of-services .add-services figure{margin:0 auto; float:none; text-align:center;}
.spectrum-of-services .content hr{margin:0 auto;}
.spectrum-of-services .content p{padding-right:0px;}

/* CONTACT US CSS EOF 
======================================================= */
.contact-us-location .location-bg1{width:100%; margin-right:0;}
.contact-us-location .company-address{width:100%; padding:20px 10px; float:none; display:inline-block;}
.contact-us-location .company-address h3{ padding-bottom:0px; padding-top:20px;}
.contact-us-location .company-address hr{margin:0 auto;}
.contact-us-location .company-address ul li{padding-right:0px; width:100%; text-align:center; margin-top:20px;}
.contact-us-location .company-address ul li p{padding-top:10px;}
.contact-us-location .location-bg2{width:100%; margin-left:0px; margin-top:10px;}

/* SERVICES INDIVIDUAL CSS EOF 
======================================================= */
.breadcrumb > li a{line-height:30px;}
.tabbable-panel{margin:0px 0px;}
.tabbable-line > .nav-tabs > li{width:100%;}
.tabbable-line > .nav-tabs > li > a{font-size:14px; line-height:20px; min-height:0px;}
.tabbable-line > .tab-content{border-top:medium none; padding:20px 0px;}
.tabbable-line > .tab-content p{padding:15px 0px;}
.tabbable-line > .nav-tabs > li.active a::after{bottom:-16%;}

.we-can-offer .contant-item{padding:20px 0;}
.we-can-offer .border-right{border-right:0px;}
.we-can-offer .contant-item .mgl30{padding-left:15px; padding-top:20px;}
.we-can-offer .contant-item p{padding:0 0px 0 15px; text-align:left; }
.blog-man{padding:15px;}
.spectrum-of-services .content .service-bg img{height: 345px;}
.spectrum-of-services .add-services{   height: 345px;}
.blog{margin-top:50px;}
.news-class .text{left:0;}
.calc-class .text{right:0;}
.calc-class h4{text-align:center;}

.news-class figure, .calc-class figure{margin:0 auto;text-align:center;}


} 

/* 04 All Mobile Device (iPhone, Android, Window)(480 * 640)
============================================================== */
@media (min-width:320px) and (max-width:480px) {

}

/* 05 iPad & Small Tablet Landscape (1024 * 768)  	
============================================================== */
@media (min-width: 979px) and (max-width: 1200px) { 
.header-top .btn{padding:8px 10px; margin-right:25px;}
.header-top ul.social-links{margin-top: 5px;}
.header-top ul.social-links li a{margin: 2px; width: 24px; height: 24px; line-height: 24px; font-size: 14px;}
.header-top .logo{padding: 0px 15px; width: 180px;}

.header-top .rightpart{margin-top: 5px;}
.header-top .login a{font-size: 18px; margin-left:5px;}
.header-top .call-us{margin-left: 10px; font-size: 12px;}
.header-top .call-us .icon{margin-right:5px;}
.header-top .call-us a{padding-right: 1px; line-height: 18px;}



header .navbar-default .navbar-nav > li > a{font-size:12px; padding:5px 6px;}
.customer-reviews-man .picture{left:25%;}	
.blog-man{padding:25px;}
.from-the-blog h4{padding:15px 0px; font-size:16px;}

header .navbar-default.inner-menu{top:120px;}
.breadcrumb{margin-top:30px;}

/* TOOLS AND RESOURCES CSS EOF 
======================================================= */
.eye-on-money ul{width:auto;}

/* ABOUT US CSS EOF 
======================================================= */
.progressive-benefits ul{width:auto;}

/* CONTACT US CSS EOF 
======================================================= */
.contact-us-location .company-address ul li{padding-right:30px;}

/* SERVICES INDIVIDUAL CSS EOF 
======================================================= */
.tabbable-panel{margin:0px 0px;}
.tabbable-line > .nav-tabs > li{width:13%;}
.tabbable-line > .nav-tabs > li > a{font-size:13px; line-height:20px;}
.tabbable-line > .tab-content{padding:30px 0px;}
.services-images .content h4{line-height: 22px;font-size:17px;}
.services-images .content .text{left:20px;}
.spectrum-of-services .add-services{padding-left: 100px;}
.spectrum-of-services .content .service-bg img{height: 377px;}
.spectrum-of-services .add-services{   height: 377px;}
.tabbable-line > .nav-tabs > li{width:14%;}
.news-class .text{left:0;right:0;}
.calc-class h4,.news-class h4{text-align:center;}
.news-class figure, .calc-class figure{margin:0 auto;text-align:center;}
.calc-class .text{right:0;left:0px;}
.calc-icon{padding-right:15px;}
.resource-center p{font-size:18px;text-align:center;}
.news-icon {padding-left: 15px;}
.services-images .content img {
    width: auto!important;
    max-width: 200%!important;
    height: 130%!important;
}
}


@media (min-width: 981px) and (max-width: 1024px){
header .navbar-default .navbar-nav > li > a{font-size:12px; padding:5px 20px;}	
	}