/* (1366x768) WXGA Display */

@media screen and (min-width: 1366px) and (max-width: 1919px) {}



/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1197px) {
	.slider-area {
	    height: 619px;
	}
}



/* Normal desktop :991px. */

@media (min-width: 768px) and (max-width: 991px) {
	.slider-area {
	    height: 480px;
	}
	.about-area {
	    padding: 90px 0px 80px;
	}
	.single-service{
		padding: 0;
	}
	.srvc-content h4{
		font-size: 15px;
	}
	.single-service .icon span:before {
	    font-size: 37px;
	}
	.single-service .icon {
	    margin-right: 11px;
	    margin-top: 8px;
	}
	.single-service:before {
	    left: 18px;
	}
	.single-service:after{
		left: 13px;
	}
    .white_svg {
	    bottom: -12px;
	}
	.service-area {
	    padding-bottom: 120px;
	}
	.fortfolio-area {
	    padding: 80px 0px 110px;
	}
	.contact-area {
	    padding: 80px 0px 90px;
	}
	.go-to-top{
		display: none;
	}
}



/* small mobile :320px. */

@media (max-width: 767px) {
    .container {
        width: 100%
    }
    .header-area {
        padding: 10px 0px 3px;
    }
    .white_svg {
	    bottom: -12px;
	}
}



/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.slicknav_btn {
	    margin-top: -44px;
	}
	.slider-area {
	    height: 379px;
	}
	.next-section{
		display: none;
	}
	.slider-content h2 {
	    font-size: 43px;
	    line-height: 51px;
	    margin-bottom: 0;
	}
	.slider-content h4 {
	    font-size: 16px;
	}
	.next-section {
	    right: -5px;
	    bottom: 53px;
	}
	.about-area {
	    padding: 80px 0px 60px;
	}
	.abt-content {
	    padding-top: 70px;
	}
	.abt-left-thumb:before {
	    right: -22px;
	    bottom: -22px;
	}
	.service-area {
	    padding-bottom: 30px;
	}
	.single-service{
		margin-bottom: 40px;
	}
	.fortfolio-area {
	    padding: 70px 0px 50px;
	}
	.contact-area {
	    padding: 70px 0px 80px;
	}
	.cnt-left{
		margin-bottom: 40px;
	}
	.contact-form form .form-submit {
	    text-align: left;
	}
	.footer-area {
	    padding: 20px 0px 13px;
	}
	.white_svg{
		display: none;
	}
	.copyright p{
		text-align: center;
	}
	.go-to-top{
		display: none;
	}

}



/* small mobile :320px. */

@media (min-width: 240px) and (max-width: 479px) {
	.logo a img {
	    max-width: 32px;
	}
	.next-section{
		display: none;
	}
    .abt-left-thumb:before {
        display: none;
    }
    .slider-area{
    	height: 286px;
    }
    .slider-content h2 {
	    font-size: 27px;
	    /*line-height: 31px;*/
	    margin-bottom: 1px;
	}
	.slider-content h4{
		font-size: 13px;
		line-height: 29px;
	}
	.next-section {
	    right: -24px;
    	bottom: 44px;
	}
	.about-area {
	    padding: 70px 0px 60px;
	}
	.abt-content {
	    padding-top: 70px;
	}
	.service-area {
	    padding-bottom: 40px;
	}
	.single-service{
		margin-bottom: 40px;
	}
	.fortfolio-filter {
	    text-align: center;
	}
	.fortfolio-area {
	    padding: 70px 0px 60px;
	}
	.fortfolio-filter button{
		margin-bottom: 10px;
	}
	.contact-area{
		padding: 70px 0px;
	}
	.cnt-left{
		margin-bottom: 40px;
	}
	.contact-form form .form-submit {
	    text-align: center;
	}
	.footer-area{
		text-align: center;
		padding: 39px 0px 28px;
	}
	.flogo {
	    margin-bottom: 18px;
	}
	.white_svg{
		display: none;
	}
	.copyright p{
		text-align: center;
	}
	.go-to-top{
		display: none;
	}
}


@media (max-width: 991px) {
	.logo-portfolio{
		margin: 0 auto;
		padding: 20px;
		max-width: 160px;
	}
	.title-single-portfolio{
    	padding: 20px;
    	width: 100%;
    	margin-top: 0;
    	text-align: center;
	}
	.cover-sis{
		width: 100%;
		height: auto;
	}
	.cover-portfolio-sis{
		/*background-image:url(../img/portfolio/sis/cover-img.jpg);
		display: block;*/
	}
	.cover-portfolio-atm{
		/*background-image:url(../img/portfolio/atm/cover.jpg);
		display: block;*/
	}
	.cover-eva,.cover-sis,.cover-monitorizacion,.cover-atm,.cover-benchmark,.cover-eva,.cover-iupay,.cover-smm,.cover-c2er{display: none;}
	.cover-portfolio{padding: 40px 0;}
}



@media (max-width: 767px) {
	.slicknav_nav a{
		font-size: 20px;
		margin: 20px 0;
		text-align: center;
	}
	.section-portfolio{
		padding: 40px 0;
	}
	.margin-bottom-responsive{margin-bottom: 40px;}
	.parraph.conlusiones::before{content: none;}
	.txt1-wrap{display: none;}
	.texto-intro{text-align: center;display: block;margin-bottom: 40px;}
	.single-progress-bar{padding: 15px 5px;}
	.title-single-portfolio,.title-single-portfolio.atm-title,.title-single-portfolio.sis-title,.title-single-portfolio.benchmark-title{margin-top: 0;}
}