/*--------------------------------------------
	Responsive style
--------------------------------------------*/

@media (max-width: 1400px) {
    .page-content-section-area .page-content-wrapper {
        padding-top: 15%;
    }
    .combo-container {
        margin-bottom: 12%;
    }
    .combo-title {
        font-size: 50px;
    }
    .menu-bar {
        margin-bottom: 160px;
    }
    .parallax-menu li a {
        font-size: 60px;
        padding: 20px 20px 20px 60px;
    }
    .single-port-item {
        width: 33%;
    }
    .menu-page .left-section {
        padding-top: 9%;
    }
    .menu-page .right-section {
        padding-top: 9%;
    }
    .resume-sec-title {
        font-size: 42px;
    }
}
	
@media (min-width: 1200px) and (max-width: 1349px) {
.why-best {
    padding: 7% 5% 7% 3%;
}	
.my-bio {
    padding: 7% 5% 7% 3%;    
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.news_item_block .btn {
    padding: 12px 18px;
}
.news_item_block .news_list .inner .texts{
	padding:20px 15px;
}
.go-to-sec-title {
    font-size: 28px;
    font-weight: 600;
}	
.why-best {
    padding: 7% 5% 7% 4%;
}	
.my-bio {
    padding: 7% 5% 7% 4%;    
}
.single-testimonial {
    width: 100%;
    max-width: 100%;
}	
}

@media (max-width: 1100px) {
    .page-content-section-area .page-content-wrapper {
        padding-top: 22%;
    }
    .combo-container {
        margin-bottom: 30%;
    }
    .menu-bar {
        margin-bottom: 140px;		
    }
    .st-area i {
        font-size: 45px;
    }
    footer.main-footer {
        font-size: 12px;
    }
    .resume-sec-title {
        font-size: 36px;
    }
    .tes-thumb-ctrl-lists li:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: .5;
        filter: alpha(opacity=50);
    }
    .menu-page .left-section {
        padding-top: 20%;
    }
    .menu-page .right-section {
        padding-top: 18%;
    }
    .parallax-menu li a {
        font-size: 55px;
        padding-left: 50px;
    }
    .single-timeline {
        padding-left:80px;
    }
    .single-timeline:last-child {
        padding-bottom: 50px;
    }
    .skill-list {
        margin-bottom: 50px;
    }
    .recognition-list {
        margin-bottom: 50px;
    }
}

@media (max-width: 991px) {
    .bg-image .bg-image-wrap img {
        min-width: min-content;
    }
    .btn {
        padding: 12px 30px;
        font-size: 12px;
        font-weight: 600;
    }
    .btn i {
        top: 14px;
    }
    .btn:hover {
        padding-left: 45px;
        padding-right: 15px;
    }
    .btn:hover i {
        left: 16px;
    }
    .my-pic-bg {
        display: block;
    }
    .my-bio {
        padding: 80px 20px;
        display: block;
    }
    .combo-title {
        font-size: 80px;
    }
    .page-twiker {
        background-color: #fff;
        text-align: center;
    }
    .page-twiker .why-best-title {
        display: inline-block;
        vertical-align: middle;
    }
    .page-twiker .btn {
        margin: 20px;
        vertical-align: middle;
    }
    .contactmetitle {
        margin-bottom: 30px;
        line-height: 1.4;
    }
	.news_item_block .news_list{
		margin-bottom:20px;
	}
    .st-area i {
        font-size: 40px;
        margin-right: 8px;
        margin-bottom: 4px;
    }
    .why-best {
        padding: 100px 20px;
    }
    .page-twiker {
        padding: 100px 15px 90px 15px;
    }
    .resume-left-area {
        padding: 33px 0px;
        height: 170px;
    }
    .resume-right-area {
        padding: 100px 20px;
        z-index: 1;
    }
    .resume-sec-title-wrapper {
        padding: 32px 30px 28px;
    }
    .resume-sec-title {
        font-size: 34px;
    }
    .timelines,
    .skill-lists,
    .recognition-lists {
        margin: 0px;
    }
    .menu-page .left-section {
        display: none;
    }
    .menu-page .right-section {
        width: 100%;
        text-align: center;
    }
    .menu-area {
        right: 35px;
		left: auto;
		top: 35px;
    }
    .menu-area .on-page-menu {
        display: none;
    }
    .bottom-section .right-menu {
        right: 35px;
        left: auto;
        top: 35px;
    }
    .menu-bar {
        padding: 10px 12px;
        margin: 0px;
        border-radius: 30px;
		background:#ea3509;
    }
	.menu-open .menu-page .menu-bar:hover {
		background:#fff;
		color: #ea3509 !important;
	}
	.parallax-page-1 .menu-bar:hover{
		background:#28282F;
		color:#ffffff;
	}
    .bottom-section .menu-bar {
        color: #ffffff;
        background-color: #ea3509;
        font-size: 19px;
    }
    .menu-page .menu-bar {
        background: #ea3509;
		border-radius: 30px;
    }
	.page-content-section::before{
		border-bottom: 100px solid transparent;
	}
	.page-content-section::after{		
		border-bottom: 100px solid transparent;
	}
    .parallax-menu li a {
        padding: 20px;
    }
    .single-port-item {
        width: 50%;
    }
    .portfolio-section {
        padding:100px 20px;
    }
    .testimonial-section {
        padding: 100px 0px;
    }
    .contact-info-wrapper,
    .contact-form {
        padding:100px 30px;        
    }
    .custom-bs-style .input-group .form-control {
        font-size: 14px;
        padding-top: 10px;
    }
    .contact-info-lists li a {
        font-size: 14px;
    }
    .social li a {
        width: 36px;
        height: 36px;
    }
    .social li a i {
        line-height: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	.news_item_block .news_list{
		margin-bottom:30px;
	}
	.single-testimonial {
		width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}
}

@media (max-width: 800px) and (min-height: 1000px) {
    .menu-area {
        top: 80px;
    }
    .menu-page .right-section {
        padding-top: 30%;
    }
    .page-content-section-area .page-content-wrapper {
        padding-top: 40%;
    }
    .combo-container {
        margin-bottom: 30%;
    }
    .modal-dialog {
        margin: 15% auto;
    }
}

@media (max-width: 767px) {
    .combo-title {
        font-size: 40px;
        line-height: 48px;
    }
    .resume-left-area {
        padding: 28px 0px;
        height: 160px;
    }
    .my-pic-bg {
        height: 340px;
    }
    .single-testimonial blockquote {
        font-size: 17px;
    }
	.tes-thumb-ctrl-lists li {
        width: 80px;
        height: 80px;
        margin: 0px 10px;
    }
	.single-testimonial {
		width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}
    .contact-info-wrapper,
    .contact-form {
        height: auto !important;
    }
    .single-timeline {
        padding-left: 15%;
        padding-bottom: 10%;
    }
    .single-timeline:last-child {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .service-content .service-title {
        min-height: 0px;
    }
    .portfolio-section {
        padding:100px 15px;
    }
	.service-section{
		padding-top:80px;
		padding-bottom:60px;
	}
    .testimonial-section {
        padding:80px 15px;
    }
	.pt_top_bottom {
		padding:80px 15px;
	}
    .contact-info-lists li a {
        font-size: 16px;
    }
	.single-s-area {
		margin-bottom: 20px;
	}
	.my-bio h2 span{
		display: block;
	}
	.contact-info-wrapper,
    .contact-form {
        padding:80px 20px;        
    }
    .custom-bs-style .input-group .form-control {
        font-size: 16px;
    }
	.go-to-sec-title {
		font-size: 28px;
		font-weight: 600;
	}
}

@media (max-width: 500px) {
    .btn {
        padding: 12px 18px
    }
    .menu-area {
        top: 25px;
        margin-left: -17px;
    }
    .menu-bar {
        font-size: 22px;
    }
    .menu-page .right-section {
        padding-top: 17%;
    }
    .bottom-section .right-menu {
        right: 20px;
        top: 20px;
    }
	.my-bio h2{
		font-size:36px;
	}
    .parallax-menu li a {
        font-size: 30px;
        padding: 10px;
        letter-spacing: 1px;
    }
    .page-content-section-area .page-content-wrapper {
        padding-top: 20%;
    }
    .btn:hover {
        padding-left: 35px;
        padding-right: 15px;
    }
    .mouse {
        width: 25px;
        height: 42px;
        border-radius: 12px;
    }
    .my-pic-bg {
        height: 260px;
    }
	.my-bio .info_list ul li {
		width: 100%;		
	}
	.my-bio .left {
		width: 40%;		
	}
	.single-s-area {	
		margin-bottom: 20px;
	}
    .service-content .service-title {
        font-size: 18px;
    }
    .why-best {
        padding: 80px 15px;
    }
	.page-twiker{
		padding:80px 15px 70px;
	}
    .resume-sec-title-wrapper {
        padding: 25px 20px 25px;
    }
    .resume-left-area {
        padding-top: 18px;
        padding-bottom: 16px;
        height: 110px;
    }
    .resume-sec-title {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .timelines,
    .skill-lists,
    .recognition-lists {
        margin: 0px;
    }
    .single-timeline {
        padding-bottom: 8%;
    }
    .single-timeline:last-child {
        padding-bottom: 13px;
    }
    .recognition-left-sec {
        font-size: 40px;
        margin-right: 15px;
        width: 42px;
    }
    .single-port-item {
        width: 100%;
    }
    .single-testimonial blockquote {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .single-testimonial {
        margin: 0 auto;
		max-width:100%;
    }
    .blockquote-text {
        margin-bottom: 25px;
    }
    .blockquote-text:after {
        bottom: -30px;
    }
    .single-testimonial cite {
        font-size: 15px;
    }
    .tes-thumb-ctrl-lists li {
        margin: 0px 6px;
    }
    .custom-bs-style .form-group:last-child {
        margin-top: 40px;
    }
    #map {
        height: 270px !important;
    }
}

@media (max-width: 620px) and (min-height: 450px) {
    .menu-area {
        top: 70px;
    }
    .menu-page .right-section {
        padding-top: 170px;
    }
    .page-content-section-area .page-content-wrapper {
        padding-top: 170px;
    }
    .modal-dialog {
        margin: 15% auto;
    }
}

@media (max-width: 400px) and (min-height: 400px) {
    .menu-area {
        right: 20px;
		top: 23px;
		left:auto;
    }
    .page-content-section-area .page-content-wrapper {
        padding-top: 140px;
    }
    .menu-page .right-section {
        padding-top: 130px;
    }
    .bottom-section .right-menu {
        right: 20px;
        top: 23px;
    }
    .parallax-menu li a {
        padding: 15px;
    }
    .my-pic-bg {
        font-size: 180px;
    }
    .st-area i {
        font-size: 30px;
    }
    .resume-left-area {
        padding: 3px 0px;
        height: 90px;
    }
    .resume-sec-title {
        font-size: 24px;
    }
    .resume-right-area>div {
        padding: 0px;
    }
    .single-timeline {
        padding-left:70px;
        padding-bottom:50px;
    }
    .recognition-left-sec {
        width: auto;
        text-align: left;
        float: none;
        margin-bottom: 15px;
    }
    .recognition-right-sec {
        float: none;
        width: 100%;
    }
    .go-to-page-title-common {
        margin: 15px 0px;
        display: block;
    }
    .page-call-section .btn {
        margin: 15px 0px;
    }
    .tes-thumb-ctrl-lists li {
        width: 80px;
        height: 80px;
        margin: 10px;
    }
}