
/* ------------------------- Start Media Query -------------------------------------- */

/* X Small Screen */
@media(min-width: 100px) and (max-width: 991px) {
	.navbar .navbar-nav .nav-link {
		font-size: 17px;
	}
    .navbar .navbar-collapse {
	    position: absolute;
	    top: 75px;
	    text-align: center;
	    left: 0px;
	    right: 0px;
	    transform: none;
        opacity: 1;
        background-color: #fff;
        line-height: 44px;
        padding: 30px 0;
	}
	.navbar .social-media-header {
		margin-right: 60px;
	}
	.navbar .social-media-header .search-header .search-form input {
	    width: 90%;
	    padding: 0px 20px;
	}
	.nav-toggle {
		display: none!important;
	}
	.navbar .navbar-toggler {
		display: block!important;
	}
	.nav-center .header-content .navbar-collapse {
	    margin-top: 0; 
	}
	.nav-center {
		margin-bottom: 0;
	}
	.navbar .navbar-nav .nav-item .dropdown-menu.show li {
	    text-align: center;
	}

	/* HomePage Section  */

	.my-home.home4 .title {
	    width: 280px;
	}
	.my-home.home4 .border-title {
	    width: 305px;
	}
	.my-home.home4 .title h1 {
	    font-size: 54px;
	}
	.my-home.home4 .title p {
	    font-size: 13px;
	}
	.my-home.home5 .title h1 {
		font-size: 65px;
	}

	.my-home.home6 {
    	height: 80vh;
	}
	.my-home.home6 .circle {
		display: none;
	}
	.my-home.home6 .title {
	    margin-left: 0;
	}
	.my-home.home8 .title h1 {
	    font-size: 65px;
	}

	.my-home.home3 .skewedbox {
		bottom: -161px;
	}

	.gallery.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(odd) .portfolio-item-infos .portfolio-item-title,
	.portfolio.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(odd) .portfolio-item-infos .portfolio-item-title {
	    margin-left: 50%;
	}
	.gallery.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(odd) .portfolio-item-infos,
	.portfolio.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(odd) .portfolio-item-infos{
	    right: -33%;
	}

	.gallery.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(even) .portfolio-item-infos .portfolio-item-title,
	.portfolio.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(even) .portfolio-item-infos .portfolio-item-title {
	    margin-right: 50%;
	}
	.gallery.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(even) .portfolio-item-infos,
	.portfolio.port-2 .pgflio-portfolio .portfolio-item-wrapper:nth-of-type(even) .portfolio-item-infos{
	    left: -33%;
	}

	.portfolio .pgflio-portfolio .portfolio-filter-item {
		font-size: 15px;
	}
	.my-home .border-title p,
	.my-home .title p {
	    font-size: 14px;
	    margin: 0;
	}
	.single-post .author-page .bypostauthor {
	    text-align: center;
	}
	.single-post .author-page .bypostauthor .name-author h4 {
		margin-top: 13px;
	}
	.single-post .author-page .bypostauthor .name-author h4 span {
		display: block;
	    margin: 5px 0 12px;
	}
	.comments-area, .comments {
	    padding: 30px 10px;
	}
	.comments-area .comment-respond .form-submit .btn-submit-com,
	.comments .comment-respond .form-submit .btn-submit-com {
		font-size: 14px;
	}
	.single-post .single-page form input[type="submit"] {
		letter-spacing: 0;
	}
	.single-post .entry-content blockquote {
		margin: 0;
	}
	.single-post .standard-featured {
	    height: 300px;
	}
	.single-post .entry-header .entry-title {
		font-size: 33px;
	}
	.single-post .navigation .link-nav-left {
		margin: 30px 0 0;
    	padding-left: 10px;
	}
	.single-post .navigation .link-nav-right {
		margin: 30px 0 10px;
    	padding-right: 10px;
	}
	.single-post .alsolike .infos-related {
	    margin-bottom: 15px;
	}
	.single-post .alsolike .miniport-related-thumb {
		height: 200px;
	}

	/* Page Project Section  */

	.single-pugfolio .single-page .project-image {
	    height: 60vh;
	    position: relative;
	    width: 100%;
	}
	.single-pugfolio .single-page .infos-project {
	    padding: 0;
	}
	.single-pugfolio .navigation .post-link-nav .link-nav-right {
		text-align: right;
	}
	.single-pugfolio .navigation .post-link-nav .link-nav-left {
		text-align: left;
	}
	.single-pugfolio .footer {
	    margin-top: 30px;
	}

	/* Blog Section  */

	.blog-content .entry-content {
		padding: 5px 0px;
	}
	.blog-content .miniport-content-list .entry-content .entry-excerpt p,
	.blog-content .entry-content {
		text-align: left;
	}
	.blog-content article .entry-title {
	    margin-bottom: 9px;
	    display: inline;
	}
	.blog-content .entry-header .post-sticky i {
	    padding-right: 3px;
	}
	.blog-content article .entry-meta {
		margin-top: 12px;
	}
	#primary {
	    padding: 50px 0 40px;
	}
	.blog-content {
	    margin-top: 50px;
	}
	.single-pugfolio .navigation {
		margin-top: 20px;
	}
	.single-pugfolio .navigation .post-link-nav a {
	    margin: 0px 0 20px;
	}

	/* About Section  */

	.about nav {
		margin-bottom: 50px;
	}
	.space {
		display: none;
	}
	.team {
		margin-top: -15px;
	}
	.team,
	.services {
		padding: 0;
	}
	.services .content-serv {
		margin-bottom: 6px;
	}
	.services .space-serv,
	.services .space-serv {
	    height: 10px!important;
	}
	.content-area #testim {
		margin-top: 70px;
	}
	#clients .kc_single_image img {
		width: 46%;
	}
	#clients .kc-elm:not(:first-child) {
		width: 50%;
	}
	.about-me .kc-elm {
		padding: 0;
	}
	.about-me .title-sec h3 {
		font-size: 24px;
		margin-top: 35px;
    	margin-bottom: 30px;
	}
	.about-me .content-area .kc-elm .kc_text_block p {
	    font-size: 13px;
	}
	.about-me .title p {
	    font-size: 16px;
	}
	.about-me .title h1 {
		margin-top: 0;
	    font-size: 41px;
	}
	.about-me .personal-image {
	    margin: 10px 0 -30px;
	}
	.entry-content .kc-css-69520,
	.entry-content .kc-css-410216 {
		height: 0;
	}
	.about-me .title p {
	    margin-bottom: 20px;
	}
	.kingcomposer .content-area .kc-elm .kc_tab_content {
	    width: 100%;
	}
	.kingcomposer .kc-css-161853 {
		margin-bottom: 20px;
	}
	.kingcomposer .content-area .kc-elm .kc-testi-layout-1 .content-desc,
	body.kc-css-system .kc-css-551476 .content-desc {
	    font-size: 14px;
	}
	.kingcomposer .content-area .team .kc-elm,
	.kc_single_image img {
	    margin-bottom: 20px;
	}
	.kingcomposer .content-area .team figure {
	    width: 80%;
	    margin: auto;
	}

	/* Contact Section  */

	.contact form {
	    margin-bottom: 60px;
	}
	.contact form p {
		text-align: center;
	}
	.contact .infos {
		margin: 0 15px;
	}
	.contact .infos .info-contact {
	    margin-bottom: 23px;
	}
	.contact .infos .info-contact span {
		font-size: 16px;
	}
	.contact .infos .info-contact a {
	    font-size: 13px;
	    margin-left: 25px;
	}
	.contact .infos .info-contact span i {
	    font-size: 15px;
	    margin-right: 9px;
	}
	.contact form input[type='submit'] {
	    margin: 2px 0 0;
	    font-size: 13px;
	}

	/* Footer Sectio */

	.footer {
		margin-top: 0;
		line-height: 0;
		height: 100%;
		padding: 10px 0;
	}
	.footer .copyright {
		margin-bottom: 32px;
	}
	.footer .social-media,
	.footer .copyright {
		text-align: center;
		margin-top: 35px;
	}
    
}

/* Small Screen */
@media(min-width: 767px) and (max-width: 991px) {

    .single-pugfolio .single-page .project-image {
	    height: 100vh;
	    position: fixed;
	    width: 47%;
	}
    .single-pugfolio .single-page .infos-project {
	    padding: 0 0px;
	}
	.single-pugfolio .single-page .infos-project .date {
	     border-left: none; 
	     padding-left: 0px; 
	}
	.single-pugfolio .navigation .post-link-nav {
	    font-size: 14px;
	}
	.single-pugfolio .footer {
	    margin-top: 30px;
	}
	.footer .social-media {
	    text-align: left;
	    margin-top: 30px;
	}
	.footer .social-media, .footer .copyright {
	    margin-bottom: 30px;
	}
}

/* Medium Screen */
@media(min-width: 992px) and (max-width: 1199px) {
    
    

}

/* Larg Screen */
@media(min-width: 1200px) {
    
}
/* ------------------------- End Media Query ---------------------------------------- */		