/* 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: 70px;}
	.services-three-area .section-title > h2 {margin-bottom: 24px;}
	.service-container .section-title {margin-bottom: 20px;}
	.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-end {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;}
    .single-contact-info > h4 {
        font-size: 16px;
    }
    .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;}

    .experience-style-two .single-title, .experience-style-three .single-title, .education-style-two .single-title, .education-content h3, .experience-content h3 {
        font-size: 16px;
    }
}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .social-links a{padding:0px;}
    .container, .wrapper.boxed-layout, .wrapper.box-layout {width:750px}
    .mobile-menu-area {display: block}
    .about-text-end {padding-left: 0; padding-top: 40px;}
    .portfolio-menu button {font-size: 15px;}
    .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;
    }

    .form-content {padding: 0 0 11px;}
    .education-item .single-title {font-size: 16px;}
    .portfolio-right-bar {padding-top: 50px;}
    
    #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;}
    
    .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;}
    .b-image {
        margin-bottom: 60px;
        margin-right:0px;
    }
}
 
/* small mobile :320px. */
@media (max-width: 767px) {
    .social-links a{padding:0px;}
    .footer-content {
    margin: 0 21px;}
    .footer-text span, .contact-text span{font-size:13px;}
    .container, .wrapper.boxed-layout, .wrapper.box-layout {width:370px}
    .mobile-menu-area {display: block}
    h1.title1 {font-size: 49px;}
    h2.title2 {font-size: 16px;}
    .banner-bg-1 {background-position: 60% 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-end {padding-left: 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;}
    .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 .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%;}
    .footer-dark-area {padding-top: 60px;}
    .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-end .col-md-6, .about-row-two .col-md-6 {padding-left: 15px; padding-right: 15px;}
    .service-row, .about-text-end .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;}
    .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;}  
    .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;}

    .section-title > h2 {
        font-size: 30px;
    }
    .exp-image {
        margin-top: 40px;
    }
    .b-image{
        margin-bottom: 60px;
        margin-right:0px;
    }
    .b-image:before{right:-5px;}
    .experience-style-two .single-title, .experience-style-three .single-title, .education-style-two .single-title, .education-content h3, .experience-content h3 {
        font-family: "Poppins",sans-serif;
        font-weight: 500;
        font-size: 16px;
    }
}
    
/* 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 .fun-fact {padding: 40px 0 0;}
    .section .fun-fact {padding-left: 0;}
}