/* Large desktop :1920px. */
@media (min-width: 1920px) {
    .container, .wrapper .container {width: 1230px}
    .service-container {padding-left: 60px; width: 56%;}
    .service-image {width: 44%;}
    .service-container {padding-top: 75px;}
	.services-three-area .section-title > h2 {margin-bottom: 24px;}
	.service-container .section-title {margin-bottom: 49px;}
	.single-service {margin-right: 40px}
	.all-single-service .single-service:first-child {margin-bottom: 70px;}
	.all-single-service .service-column {padding-right: 34px;}
    .menu-area {width: 312px;}
    #main-menu ul li {margin: 20px 0;}
    #main-menu ul li a{font-size: 24px}
    .menu-area {padding: 70px 0;}
    .menu-area .logo {margin-bottom: 100px;}
    .wrapper .text-content {padding-left: 174px;}
    .footer-container-area {padding: 24px 0;}
	.menu-area .social-links {margin-top: 63px;}
	.menu-area .social-links a {margin: 0 7px;}
    #page-wrapper {padding-left: 312px;}
    .section .contact-text span{padding-left: 35px}
    .section .progressbar-container .row {margin-left: -25px; margin-right: -25px;}    
    .section .progressbar-container .col-lg-4 {padding-left: 25px; padding-right: 25px;}
    .section .custom-row {margin-left: -45px; margin-right: -45px;}
    .section .custom-row .col-lg-4 {padding-left: 45px; padding-right: 45px;}
    .portfolio-contents {padding: 70px 117px 64px 66px;}
    .wrapper-right {padding: 0 100px 0 75px;}
    .work-sec {padding-right: 100px;}
    .service-sec {padding: 45px 65px 35px 0;}
    .edu-sec .education-content {padding-right: 120px;}
    .wrapper-right.experience-style-three, #contact-area .wrapper-right {padding: 0 79px 0 60px;}
    .col-left {width: 38%;}
    .col-right {width: 62%;}
    #about-area > .col-6, #service-area > .col-6 {width: 58%;}
    #about-area > .col-4, #service-area > .col-4 {width: 42%;}
    .section .portfolio-text > p {font-size: 14px;}
    .section .portfolio-text > h4 {font-size: 18px;}
    .footer-container-text {padding-top: 65px;}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
    .container, .wrapper.boxed-layout, .wrapper.boxed-layout .sticky, .wrapper.box-layout, .wrapper.box-layout .sticky {
		width: 970px
	}
	.about-text > h4, .service-container .section-title p, .all-single-service .service-column:last-child, .section .single-contact-info:nth-child(3) {
        display: none;
    }
	.about-text-right {padding-left: 0;}
    .services-area .section-title, .education-area .section-title {margin-left: 20px;}
    .portfolio-area .section-title {margin-right: 20px;}
    .service-row {margin-left: -30px; margin-right: -30px;}
    .service-row .col-md-4 {padding-left: 30px; padding-right: 30px;}
    .service-row .col-md-4 {padding-left: 20px; padding-right: 20px;}
    .service-row {margin-left: -20px; margin-right: -20px;}
    .about-area-three .section-title {margin-top: 20px;}
    .about-area-three .section-title > h2 {margin-bottom: 15px;}
    .about-area-three .fun-fact {padding-top: 17px;}
    .all-single-service .service-column {width: 50%;}
    .service-container {padding-left: 35px; width: 56%;}
    .service-image {width: 44%;}
    .exp-image .banner-image img {width: 100%;}
    .education-area.education-style-two .section-title {margin-left: 0;}
    .education-area.education-style-two .single-title {font-size: 15px;}
    .about-area-three .skill-content {padding-right: 0;}
    .portfolio-two-area .grid-item:nth-child(even) .portfolio span {left: -20px; bottom: 30px;}
    .portfolio-two-area .grid-item:nth-child(odd) .portfolio span {
        right: -20px;
        top: 20px;
    }
	.portfolio-two-area .portfolio > span {width: 50px;}
    .card-style-2.portfolio-two-area .col-md-4.grid-item:nth-child(6) .portfolio span{}.card-style-2.portfolio-two-area .col-md-4.grid-item:nth-child(6) .portfolio span {
        right: -20px; 
        bottom: 30px
    }
    .education-item .single-title {font-size: 15px;}
    .education-img img {width: 100%;}
    .experience-style-three .single-title {font-size: 16px;}
    .experience-style-three .single-content span {font-size: 15px;}
    .portfolio-left-bar-top img {width: 100%;}
    .portfolio-left-bar-top {padding-bottom: 50px;}
    .portfolio-right-bar-top {padding-bottom: 50px;}
    .about-work.about-area-two .b-image {padding-top: 60px;}
    .col-left { width: 37%;}
    .col-right {width: 63%;}
    .section .section-title {margin-top: 40px;}
    .section .single-contact-info:nth-child(2), .section .single-contact-info:nth-child(1) {width: 50%;}
    .contact-sec .social-links-content {margin: 50px 0 40px;}
    .contact-sec .contact-form .section-title {margin-bottom: 30px;}
    .form-content {padding: 0;}
    .contact-sec .form-box {margin-bottom: 16px;}
    .section .experience-items {padding-top: 10px;}
    .section .services-two-area {padding-top: 0;}
    #experience-area .col-md-12:nth-child(5) .single-content {margin-bottom: 35px;}
    .edu-sec .education-item {padding-bottom: 20px; padding-top: 30px;}
    #education-area .education-item .single-content {margin-bottom: 30px;}
    .portfolio-contents {padding: 50px 50px 40px;}
    .custom-row {margin-left: -30px; margin-right: -30px;}	
    .custom-row .col-md-6 {padding-left: 30px; padding-right: 30px;}
    .service-sec {padding: 30px 0 20px;}
    .service-sec .single-service {margin-bottom: 28px;}
    #page-wrapper .progressbar-container {padding: 5px 0 0;}
    .section .skill-bar-item {margin-bottom: 17px;}
    .section .progressbar-container .col-lg-4:nth-child(1) .skill-bar-item, .section .progressbar-container .col-lg-4:nth-child(2) .skill-bar-item, .section .progressbar-container .col-lg-4:nth-child(3) .skill-bar-item, .section .progressbar-container .col-lg-4:nth-child(4) .skill-bar-item {
        margin-bottom: 17px;
    }
    .section .fun-fact {padding: 50px 0;}
    .menu-area {padding: 27px 0;}
    #main-menu ul li a {font-size: 18px;}
    #main-menu ul li {margin: 10px 0;}
    .menu-area .logo {margin-bottom: 20px;}
    .menu-area .social-links {margin-top: 15px;}
    .footer-container-text {padding-top: 25px;}
}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .container, .wrapper.boxed-layout, .wrapper.box-layout {width:750px}
    .mobile-menu-area {display: block}
    .about-text-right {padding-left: 0; padding-top: 40px;}
    .about-text-right .col-md-6, .about-row-two .col-md-6 {padding-left: 70px; padding-right: 70px;}
    .about-text-right .row, .about-row-two {margin-left: -70px; margin-right: -70px;}
    /*
    .service-row .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .service-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    */
    .portfolio-menu button {font-size: 15px; margin: 0 3px;}
    .portfolio-menu button:last-child {margin-right: 0;}
    .custom-row .col-md-6, .custom-row-three .col-md-4 {padding-left: 15px; padding-right: 15px;}
    .custom-row, .custom-row-three {margin-left: -15px; margin-right: -15px;}
    .exp-image {float: left; margin-top: 50px;}
    .footer-content {margin: 0;}
    .about-area-two {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
	.portfolio-two-area .custom-row {margin-left: -25px; margin-right: -25px;}
	.portfolio-two-area .custom-row .col-md-6{padding-left: 25px; padding-right: 25px;}
    .portfolio-two-area .grid-item:nth-child(2n) .portfolio span {left: -23px;}
    .portfolio-two-area .grid-item:nth-child(2n+1) .portfolio span {right: -23px;}
    .portfolio-two-area .portfolio > span {width: 70px;}
    .about-area-three .section-title {margin: 0;}
    .border-style {left: -80px; width: 65px;}
    .about-area-three {padding-bottom: 110px;}
    .service-image {display: none;}
    .service-container {width: 91.6%;}
    .single-service > img {padding-right: 10px;width: 32px;}
    .services-three-area {padding: 80px 0 110px;}
    .education-area.education-style-two .section-title {margin-left: 0;}
    .education-area.education-style-two .single-title {font-size: 16px;}
    .about-area-three .skill-content {padding-right: 0;}	
    .about-area-three .progressbar-container {padding-top: 40px;}
    .progressbar-container .col-md-4:nth-child(1) .skill-bar-item, .progressbar-container .col-md-4:nth-child(2) .skill-bar-item, .progressbar-container .col-md-4:nth-child(3) .skill-bar-item, .progressbar-container .col-md-4:nth-child(4) .skill-bar-item {
        margin-bottom: 20px;
    }
    .education-area.education-style-two .col-md-3:nth-child(4) .single-content, .education-area.education-style-two .col-md-3:nth-child(5) .single-content, .education-area.education-style-two .col-md-3:nth-child(6) .single-content {
        margin: 0;
    }
    .single-contact-info:nth-child(1) {width: 28%;}
    .single-contact-info:nth-child(2) {width: 38%;}
    .single-contact-info:nth-child(3) {width: 34%;}
    .form-content {padding: 0 0 11px;}
    .education-item .single-title {font-size: 16px;}
    .education-section.education-style-two {padding: 100px 0 40px;}
    .portfolio-right-bar {padding-top: 50px;}
    #about-area .col-6, #service-area .col-6, #education-area .col-6 {width: 100%;}
    #page-wrapper .progressbar-container {padding: 5px 0 10px;}
    .progressbar-container .col-lg-4:nth-child(1) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(2) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(3) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(4) .skill-bar-item {
        margin-bottom: 15px;
    }
    .section .section-title {margin-top: 45px;}
    .wrapper .text-content {padding-left: 55px;}
    .menu-area {padding: 27px 0;}
    #page-wrapper .menu-area {padding: 45px 0;}
    #main-menu ul li a {font-size: 18px;}
    #main-menu ul li {margin: 10px 0;}
    .menu-area .logo {margin-bottom: 20px;}
    #page-wrapper .menu-area .logo {margin-bottom: 40px;}
    .menu-area .social-links {margin-top: 15px;}
    #page-wrapper .menu-area .social-links {margin-top: 33px;}
    .footer-container-text {padding-top: 25px;}
    .section .services-two-area {padding-top: 0;}
    .service-sec .single-service {margin-bottom: 30px;}
    .portfolio-contents {padding: 40px;}
    .education-section.education-style-two {padding: 0 20px;}
    .edu-sec .education-content {padding-top: 0;}
    .edu-sec .education-item {padding-bottom: 20px; padding-top: 30px;}
    .edu-sec .single-content {margin-bottom: 25px;}
    .col-right {width: 100%;}
    .exp-sec .experience-items {margin-bottom: 15px; padding-top: 15px;}
    .exp-sec .single-content {margin-bottom: 33px;}
    .contact-sec .social-links-content {margin: 45px 0 0;}
    .contact-sec .contact-form .section-title {margin-bottom: 30px;}
    .form-content {padding: 0 0 17px;}
    .contact-sec .contact-form {padding-bottom: 50px;}
    .service-sec {padding: 45px 0 10px;}
    .section .banner-bg-1 {background-position: 63% center;}
    .sticky .logo {padding: 10px 0 0;}
}
 
/* small mobile :320px. */
@media (max-width: 767px) {
    .container, .wrapper.boxed-layout, .wrapper.box-layout {width:300px}
    .mobile-menu-area {display: block}
    h1.title1 {font-size: 59px;}
    h2.title2 {font-size: 60px;}
    .banner-bg-1 {background-position: 79% center;}
	.ptb-120{padding: 50px 0}
	.pt-120{padding-top: 50px}
	.pb-120{padding-bottom: 50px}
    .about-text > h4 {display: none;}
    .about-text h3 {font-size: 18px;}
    .about-text-right {padding-left: 0;}
    .single-content, .single-service {margin-bottom: 30px;}
    .about-text-right .col-md-6:last-child .single-content:last-child, .service-row .col-md-4:last-child .single-service .single-content:last-child, .footer-content, .single-footer-info:last-child, .service-row .col-md-4:last-child .single-service:last-child {
        margin: 0;
    }
    .portfolio-menu {text-align: center;}
    .social-links a {margin: 0 2px;}
    .single-footer-info {margin-bottom: 30px; width: 100%;}
    .banner-image > img {max-width: 100%;}
    .view-more {padding-top: 15px;}	
    .about-area {padding: 50px 0 40px;}
    .services-area {padding: 50px 0 45px;}
    .portfolio-area {padding: 50px 0;}
    .education-area {padding: 50px 0 10px;}
    .experience-area {padding: 50px 0 10px;}
    .footer-area {padding-top: 50px;}
    .social-links-content {margin: 50px 0;}
    .portfolio-text {margin-bottom: 0; margin-top: 20px;}
    .custom-row, .custom-row-three{margin-left: -15px; margin-right: -15px}
    .custom-row .col-md-6, .custom-row .col-md-6, .custom-row-three .col-md-6 {padding-left: 15px; padding-right: 15px}
    .grid-item {margin-bottom: 40px;}
	.grid-item:nth-child(odd){margin-bottom: 30px}
	.portfolio-three-area .custom-row-two .grid-item:nth-child(odd), .portfolio-area .custom-row-two .col-md-3.grid-item:nth-child(odd){
        margin-bottom: 16px
    }	
    .about-row-two .single-content {margin: 0;}
    .about-area-two .section-title > h2 {margin-bottom: 10px;}
    .about-area-two .about-text p.mb {margin-bottom: 25px;}
    .about-area-two {padding: 50px 0 34px; background: rgba(0, 0, 0, 0)}
    .services-two-area {padding: 50px 0;}
    .services-two-area .section-title {margin-bottom: 45px;}
    .portfolio-two-area .portfolio > span {width: 60px;}
    .portfolio-two-area .grid-item:nth-child(2n+1) .portfolio span, .section .portfolio-two-area .grid-item:nth-child(2n+1) .portfolio span {
        right: -19px;
    }
    .portfolio-two-area .grid-item:nth-child(2n) .portfolio span, .section .portfolio-two-area .grid-item:nth-child(2n) .portfolio span {
        left: -19px;
    }
    .border-style {left: -31px; width: 27px;}
    .about-area-three .section-title {margin: 0;}
    .about-area-three .section-title h2 {margin-bottom: 10px;}
    .about-area-three .single-fun-factor {margin-bottom: 20px; width: 100%;}
    .about-area-three .single-fun-factor:last-child {margin: 0;}
    .about-area-three .fun-fact {padding: 40px 0 0 28px;}
    .about-area-three {padding-bottom: 50px;}
    .service-image {display: none;}
    .service-container {padding-top: 50px; width: 98%;}
    .service-container {
        float: none;
        margin: auto;
        padding: 50px 15px 0;
        width: 300px;
    }
    .service-column {width: 100%;}
    .about-area-three .about-text {padding: 0;}
    .about-area-three .skill-content {padding: 60px 0 0;}
.about-area-three .progressbar-container {padding-top: 20px;}
    .progressbar-container .col-md-4:nth-child(1) .skill-bar-item, .progressbar-container .col-md-4:nth-child(2) .skill-bar-item, .progressbar-container .col-md-4:nth-child(3) .skill-bar-item, .progressbar-container .col-md-4:nth-child(4) .skill-bar-item, .progressbar-container .col-md-4:nth-child(5) .skill-bar-item {
        margin-bottom: 23px;
    }
    .card-style-1 .portfolio-text, .card-style-2 .portfolio-text { margin-bottom: 0;margin-top: 20px;}
	.card-style-1 .col-md-3.grid-item{margin-bottom: 40px}
	.card-style-1 .col-md-3.grid-item:nth-child(odd){margin-bottom: 30px}
	.grid-item.no-gutter:nth-child(odd) {margin: 0;}
	.grid-item.no-gutter:last-child {margin-bottom: 30px;}
    .portfolio-area .container-fluid .custom-row-two .grid-item {margin-bottom: 16px;}
    .portfolio-area .container-fluid .custom-row-two .grid-item:last-child {margin-bottom: 30px;}
    .single-contact-info:nth-child(1), .single-contact-info:nth-child(2), .single-contact-info:nth-child(3) {
        width: 100%;
        padding-top: 20px
    }
    .form-content {padding: 0 0 11px;}
    .contact-area .section-title > h2 {font-size: 36px; margin-bottom: 13px;}
    .contact-content {padding: 0;}
    .contact-form .section-title > h2 {font-size: 36px;}
    .contact-area {padding-bottom: 45px;}
    .education-img > img {margin-top: 25px; width: 100%;}
    .education-style-two.education-section {padding: 60px 0 20px;}
    .footer-dark-area {padding-top: 60px;}
    .experience-style-three.pb-110 {padding-bottom: 12px;}
    .about-area .about-text, .about-area-two .about-text {padding-right: 0;}
    .footer-two-area {padding-top: 60px;}
    .service-row .col-md-4, .about-text-right .col-md-6, .about-row-two .col-md-6 {padding-left: 15px; padding-right: 15px;}
    .service-row, .about-text-right .row, .about-row-two {margin-left: -15px; margin-right: -15px;}
    .portfolio-left-bar-top > img {width: 100%;}
    .portfolio-left-bar-top {padding-bottom: 40px;}
    .portfolio-right-bar-top {padding-top: 25px;}
    .portfolio-right-bar-top li span {font-weight: 300; padding: 10px 6px;}
    .portfolio-right-bar-top {padding-bottom: 40px;}
    .portfolio-right-bar-bottom .grid-item {margin-bottom: 16px;}
    .portfolio-details {padding-bottom: 45px;}
    .portfolio-area .view-more.pr-100 {padding-right: 60px;}
    #page-wrapper {padding-left: 0;}
    .menu-area {display: none;}
    .wrapper .text-content {padding-left: 20px;}
    .section .banner-bg-1, .section .banner-bg-2, .section .banner-bg-3, .section .banner-bg-4 {
        background-position: 80% center;
    }
    .section .col-4, .section .col-6 {width: 100%;}
    .section .section-title.mt-75 {margin-top: 50px;}
    #about-area .section-title > h2 {margin-bottom: 15px;}
    .section .about-text {padding: 0;}
    #page-wrapper .skill-content {padding: 20px 0 0;}
    selectorSavingError {
        background: #ff0000 none repeat scroll 0 0;
        margin-bottom: 20px;
    }
    .progressbar-container .col-lg-4:nth-child(1) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(2) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(3) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(4) .skill-bar-item, .progressbar-container .col-lg-4:nth-child(5) .skill-bar-item {
        margin-bottom: 20px;
    }
    #page-wrapper .progressbar-container {padding: 0 0 50px;}
    #page-wrapper .contact-content {padding-top: 10px;}
    .section .single-contact-info:nth-child(1), .section .single-contact-info:nth-child(2), .section .single-contact-info:nth-child(3) {
        width: 100%;
    }
    .section .fun-fact {padding: 30px 0 20px 20px;}
    .single-fun-factor {padding-bottom: 25px; width: 100%;}
    .section .services-two-area {padding-bottom: 0; padding-top: 20px;}
    .service-sec {padding: 0 0 30px;}
    .portfolio-contents {padding: 30px 22px 10px;}
    .section .portfolio-text {margin-bottom: 0;}
    .section .grid-item:nth-child(5), .section .grid-item:nth-child(6) {margin-bottom: 30px;}  
    .education-style-two.education-section {padding: 0 20px;}
    .edu-sec .education-content {padding: 10px 0 0;}
    .edu-sec .education-item {padding: 25px 0 20px;}
    .col-right {padding: 0; width: 100%;}
    .exp-sec .experience-items {margin-bottom: 20px; padding-top: 20px;}
    #page-wrapper .contact-sec .contact-content {padding: 0;}
    .contact-sec .social-links-content {margin: 40px 0;}
    .contact-sec .social-links a {margin: 0 6px;}
    .contact-sec .contact-form .section-title {margin-bottom: 30px;}
    .contact-sec .contact-form {padding-bottom: 50px;}
    .mobile-header{display: block}
    .logo img {width: 40px;}
    .section {padding-top: 80px;}
    .wrapper-right.about-area-two {padding: 0 20px 10px;}
    .sticky .logo {padding: 10px 0 0;}
}
    
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container, .wrapper.boxed-layout, .wrapper.box-layout {width:450px}
    .service-container {width: 82%;}	
    .about-area-three .single-fun-factor {width: 25%;}
    .about-area-three .fun-fact {padding: 40px 0 0;}
    .section .fun-fact {padding-left: 0;}
    .single-fun-factor {width: 25%;}
}