/* Large desktop :1170px. */
@media (min-width: 1170px) and (max-width: 1400px) {
.container { width: 1170px;}
.header-area .main-menu-area ul li a {padding: 38px 21px;}
.agency-section .item-title a {font-size: 2.1em;padding-bottom: 43px;}
.about-counter-list .fa {left: 68px;}
.about-counter-list h1::after {left: 135px;}





}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.header-area .main-menu-area ul li a {padding: 38px 21px;}
.agency-section .item-title a {font-size: 2.1em;padding-bottom: 43px;}
.about-counter-list .fa {left: 68px;}
.about-counter-list h1::after {left: 110px;}
.slider-area .slider-1 h2 {font-size: 48px;}
.skill .progress {margin: 30px 0 60px;}
.slider-area .slider-1 .read-more button {margin: 10px 0 0px 0;}


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.container {width:750px;}
.header-area .main-menu-area ul li a {padding: 38px 21px;}
.agency-section .item-title a {font-size: 2.1em;padding-bottom: 43px;}
.about-counter-list .fa {left: 34px;}
.about-counter-list h1::after {left: 80px;}
.slider-area .slider-1 h2 {font-size: 42px;}
.header-area {margin-top: 0;position: inherit;}
.agency-section .team-image, .single-skill {margin-bottom: 30px;}
.inner-item {margin: 0 auto 50px;}


}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px;}
.mobile-menu-area{display: block;}
.header-area{display: none;}
.agency-section .item-title a {font-size: 1.5em;padding-bottom: 43px;}
.about-counter-list .fa {left: 150px;top: 0;}
.about-counter-list h1::after {left: 215px;top: 35px;}
.slider-area .slider-1 h2 {font-size: 22px;}
.header-area {margin-top: 0;position: inherit;}
.agency-section .team-image, .single-skill {margin-bottom: 30px;}
.inner-item {margin: 0 auto 50px;}
.slider-area .slider-1 p {letter-spacing: 4px;}
.slider-area .slider-1 .read-more button {margin: 10px 0 0;}
.nivo-directionNav a {top: 28%;}
.section-area {padding: 0;}
.section-area h2 {font-size: 20px;}
.gallery-area .portfolioFilter a {margin: 2px 0;}
.gallery-area .portfolioContainer .single-item {width: 50%;}

}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container {width:300px;}
.mobile-menu-area{display: block;}
.header-area, .slider-content{display: none !important;}
.agency-section .item-title a {font-size: 1.5em;padding-bottom: 43px;}
.about-counter-list .fa {left: 136px;top: -30px;}
.about-counter-list h1::after {left: 137px;top: 35px;}
.slider-area .slider-1 h2 {font-size: 22px;}
.header-area {margin-top: 0;position: inherit;}
.agency-section .team-image, .single-skill {margin-bottom: 30px;}
.inner-item {margin: 0 auto 50px;}
.slider-area .slider-1 p {letter-spacing: 4px;}
.slider-area .slider-1 .read-more button {margin: 10px 0 0;}
.nivo-directionNav a {top: 28%;}
.section-area {padding: 0;}
.section-area h2 {font-size: 20px;}
.gallery-area .portfolioFilter a {margin: 2px 0;}
.gallery-area .portfolioContainer .single-item {width: 100%;}
.about-counter-list {margin-bottom: 70px;}
.blog-section .item-footer a {width: 74px;}
.video-title {line-height: 1.5;}
.section-title { font-size: 1.6em;}

}

/* Large Mobile :480px. */
@media only screen and (max-width : 320px) {
.container {width:300px;}
.mobile-menu-area{display: block;}
.header-area, .slider-content{display: none !important;}
.agency-section .item-title a {font-size: 1.5em;padding-bottom: 43px;}
.about-counter-list .fa {left: 136px;top: -30px;}
.about-counter-list h1::after {left: 137px;top: 35px;}
.slider-area .slider-1 h2 {font-size: 22px;}
.header-area {margin-top: 0;position: inherit;}
.agency-section .team-image, .single-skill {margin-bottom: 30px;}
.inner-item {margin: 0 auto 50px;}
.slider-area .slider-1 p {letter-spacing: 4px;}
.slider-area .slider-1 .read-more button {margin: 10px 0 0;}
.nivo-directionNav a {top: 28%;}
.section-area {padding: 0;}
.section-area h2 {font-size: 20px;}
.gallery-area .portfolioFilter a {margin: 2px 0;}
.gallery-area .portfolioContainer .single-item {width: 100%;}
.about-counter-list {margin-bottom: 70px;}
.blog-section .item-footer a {width: 74px;}
.video-title {line-height: 1.5;}
.section-title { font-size: 1.6em;}


}