/*------------------------------------------
Reponsive css for max width 1400px and min width 1200px
--------------------------------------------*/
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    #site-navigation li a {
	padding: 6px 14px;
}

#cv-hero-section .hero-content-wrapper {
	width: 850px;
}

#cv-hero-section .hero-title {
	font-size: 54px;
}

#cv-hero-section .hero-content {
	font-size: 18px;
	margin: 10px 0 38px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	height: 6px;
	width: 6px;
}

#fp-nav ul li a.active span,
 #fp-nav ul li:hover a.active span,
  .fp-slidesNav ul li a.active span,
   .fp-slidesNav ul li:hover a.active span,
    #fp-nav ul li:hover a span,
     .fp-slidesNav ul li:hover a span {
	height: 13px;
	width: 13px;
	margin: -6px 0 0 -6px;
}

#cv-about-section .thumb-image {
	width: 53%;
	border: 8px solid #fff;
}

#cv-about-section .about-content {
	font-size: 13px;
	margin: 16px 0;
}

.section-title {
	font-size: 38px;
	margin-bottom: 42px;
}

.section-title::after {
	height: 4px;
	bottom: -14px;
}

#cv-testimonial-section .thumb-image-list {
	width: 80%;
}

#cv-testimonial-section .thumb-display-image {
	width: 20%;
}

#cv-testimonial-section .image-content {
	width: 72%;
}

.member-info {
	font-size: 16px;
	line-height: 32px;
}

.single-testimonial-member-wrap {
	margin-top: 50px;
}

#cv-testimonial-section .member-name {
	font-size: 34px;
	margin-bottom: 8px;
}

.post-excerpt {
	font-size: 13px;
}

.cv-contact-wrapper {
	width: 70%;
	padding: 20px 30px 10px 30px;
}

.front-latest-post .cv-container {
	left: 4%;
	margin-left: 0;
}

.widget_search .search-submit {
	height: 35px;
}

#fp-nav i {
	margin: -12px 25px 0px 0;
}

}
    

/*------------------------------------------
Reponsive css for max width 1200px
--------------------------------------------*/
@media only screen and (max-width: 1200px) {
	.cv-container{
		margin: 0 4%;
		width: auto;
	}
    
    .custom-logo {
    	margin: 16px 0;
    }

    #fp-nav i {
	    margin: -12px 11px 0px 0;
	}
	#fp-nav i:hover {
	    margin: -12px 10px 0px 0;
	}

    #fp-nav ul li a span, .fp-slidesNav ul li a span {
	    background: #fff;
	    height: 6px;
	    width: 6px;
		}

	#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, 
	.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span, 
	#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	    height: 13px;
	    width: 13px;
	    margin: -6px 0 0 -6px;
	}

	.menu-toggle {
		float: right;
		display: block;
	}

	#site-navigation .sub-menu li a{
	    line-height: 5;
	}

	.sub-toggle .fa-angle-right::before {
	    display: block;
	}

	.sub-toggle {
		background: #fff none repeat scroll 0 0;
		right: 100px;
		display: block;
		color: #333;
	    cursor: pointer;
	    line-height: 24px;
	    position: absolute;
	    text-align: center;
	    top: 24px;
	    width: 24px;
	}

	#site-navigation.active-nav {
	    right: 0%;
	    visibility: visible;
	}

	#site-navigation {
		position: absolute;
		top: 0;
		right: -50%;
		transition: all .8s cubic-bezier(.77,0,.175,1);
		visibility: hidden;
		width: 350px;
		text-align: center;
		padding: 10% 50px;
		line-height: 5;
		background: rgba(0,0,0,0.8);
	}

	#primary-menu li::after {
		position: absolute;
		content: "";
		height: 1px;
		width: 100%;
		left: 0;
		bottom: 0;
		background: rgba(255,255,255,0.4);
	}
	#site-navigation li a:hover, #site-navigation ul li.current-menu-item a {
		 background: none;
	}

	#site-navigation li a {
		padding: 0;
	}

	.menu-toggle-off{
		display: block;
	}
    
	#primary-menu li {
	    float: none;
	}

	#site-navigation ul.sub-menu li.menu-item-has-children>a:after,
	#site-navigation ul.children li.page_item_has_children>a:after {
	   display: none;
	}

	#site-navigation ul.sub-menu li, 
    #site-navigation ul.children li{
        border-bottom: none;
    }

    #site-navigation ul>li:hover>.sub-toggle,
    #site-navigation ul>li.current-menu-item .sub-toggle,
    #site-navigation ul>li.current-menu-ancestor .sub-toggle {
        background: #fff;
    }

     #site-navigation li.current-menu-item>.sub-toggle {
        background: #333 none repeat scroll 0 0;
    }

     #site-navigation li.current-menu-item>.sub-toggle i {
        color: #333;
    }

    #site-navigation .sub-menu li a{
	    color: #fff;
	}

    .menu-primary-container .sub-menu,
    #site-navigation li.menu-item-has-children>a:before,
    #site-navigation ul li.page_item_has_children>a:before {
        display: none;
    }

    #site-navigation ul.sub-menu, 
    #site-navigation ul.children {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        box-shadow: none;
        transform: scaley(1);
        -webkit-transform: scaley(1);
        -ms-transform: scaley(1);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
    }

    #site-navigation li.menu-item-has-children>a:after,
	#site-navigation li.page_item_has_children>a:after,
	#site-navigation li.page_item_has_children>a:after {
	   right: 100px;
	}

    #site-navigation ul > li:hover > .sub-menu,
    #site-navigation ul > li:hover > .children {
        top: 0;
    }

    #site-navigation ul#primary-menu>li:hover>a::after,
    #site-navigation ul#primary-menu>li.current-menu-item>a::after {
        display: none;
    }

    #site-navigation ul#primary-menu > li.menu-item-has-children > a, 
    #site-navigation #primary-menu ul > li.page_item_has_children > a {
        padding-right: 0;
    }

    #site-navigation ul ul li a{
        color: #fff;
    }

	#cv-hero-section .hero-title {
		font-size: 50px;
	}

	#cv-hero-section .hero-content-wrapper {
    	width: 950px;
	}

	#cv-hero-section .hero-content {
		margin: 10px 0 40px;
	}

	#cv-about-section .about-content {
		font-size: 14px;
		margin: 14px 0;
	}

	#cv-about-section .about-content-block {
		padding: 30px;
	}

	.section-title {
		font-size: 28px;
		margin-bottom: 45px;
	}

	.section-title::after {
		height: 3px;
		bottom: -12px;
	}

	#cv-services-section .service-title a {
		font-size: 20px;
	}

	#cv-services-section .service-excerpt {
		display: none;
	}

	#cv-testimonial-section .member-name {
		font-size: 28px;
		margin-bottom: 12px;
		padding-bottom: 19px;
	}

	#cv-testimonial-section .image-content::before {
		left: -39px;
		top: -13px;
		font-size: 25px;
	}

	#cv-testimonial-section .single-testimonial-member-wrap {
		margin-top: 34px;
	}

	#cv-testimonial-section .member-info {
		font-size: 14px;
		line-height: 26px;
	}

	#cv-portfolio-section .portfolio-title a {
		font-size: 14px;
	}

	#cv-blogs-section .post-excerpt {
		margin-bottom: 14px;
	}

	.cv-contact-wrapper {
		padding: 14px 30px 1px;
	}

	.cv-contact-wrapper .wpforms-container-full .wpforms-form .wpforms-submit-container {
		padding: 0;
	}

    .error-404 {
    	margin: 50px 150px;
    }

    .search .content-title {
    	font-size: 50px;
    	margin: 40px 100px;
    }
    
    .widget_search .search-submit {
		width: 28%;
	}
    
    .widget_search .search-field {
		width: 72%;
	}

    .front-latest-post .cv-container {
    	left: 4%;
    	margin-left: 0;
    }
    
    .front-latest-post .entry-title a {
    	font-size: 32px;
    }

	h1.entry-title, h1.page-title {
		font-size: 36px;
	}
}

/*------------------------------------------
Reponsive css for max width 980px
--------------------------------------------*/
@media only screen and (max-width: 980px) {

	#cv-hero-section .hero-title {
		font-size: 44px;
	}

	#cv-hero-section .hero-content {
		font-size: 16px;
	}

	#cv-hero-section .hero-content-wrapper {
    	width: 80%;
	}

	#cv-hero-section .icon-scroll {
		bottom: -60%;
	}

	#fp-nav ul li a.active span,
	#fp-nav ul li:hover a.active span,
	.fp-slidesNav ul li a.active span,
	.fp-slidesNav ul li:hover a.active span,
	#fp-nav ul li:hover a span,
	.fp-slidesNav ul li:hover a span {
		margin: -8px 0 0 8px;
	}

	#fp-nav ul li a span, .fp-slidesNav ul li a span {
		margin: -6px 0 0 12px;
	}

	#site-navigation {
		text-align: left;
	}

	.menu-toggle-off {
		top: -2%;
	}

	#site-navigation {
		padding-left: 20px;
	}

	.about-content-block .section-title {
		font-size: 28px;
	}

	#cv-about-section .about-content {
		font-size: 13px;
		margin:0;
	}

	#cv-about-section .thumb-image {
		border: 5px solid #fff;
	}

	#cv-services-section .service-title a {
		font-size: 16px;
	}
		
	.portfolio-content-wrap::before {
		top: 30px;
		right: 15px;
		bottom: 30px;
		left: 15px;
	}

	.portfolio-content-wrap::after {
		top: 15px;
		right: 25px;
		bottom: 15px;
		left: 25px;
	}

	#cv-portfolio-section .portfolio-title a {
		font-size: 13px;
	}

	#cv-portfolio-section .portfolio-title a:hover {
		font-size: 14px;
	}

	#cv-testimonial-section .thumb-image-block::before {
		border: 4px solid #fff;
	}

	#cv-testimonial-section .member-name {
		font-size: 24px;
		margin-bottom: 0;
		padding-bottom: 19px;
	}

	#cv-testimonial-section .member-name::after {
		height: 2px;
	}

	#cv-testimonial-section .image-content::before {
		left: -32px;
		top: -8px;
		font-size: 18px;
	}

	#cv-blogs-section .post-excerpt {
		display: none;
	}

	#cv-contact-section #wpforms-235-field_2{
		height: 50px;
	}
    
    .error-404 {
    	margin: 50px 80px;
    }
    
    .error404 .page-title {
    	padding-bottom: 30px;
    }

    .search .content-title{
		margin: 60px 86px;
	}
    
    .site-layout--boxed #masthead {
        width: 100%;
    }
    
	.search article.hentry,
	.archive article.hentry {
    	width: 96%;
    	float: none;
    	margin: 2%;
    }
    
    .home .front-latest-post .post {
    	width: 70%;
    }
    
    .home .front-latest-post.even-post .post,
     {
    	float: left;
    	text-align: left;
    }
    
    .front-latest-post.even-post .entry-meta {
    	text-align: left;
    }
    
    .front-latest-post.even-post .entry-title a::after {
    	left: 0;
    }

    .trail-items {
		left: 65%;
		top: 200%;
		width: 100%;
	}
}

/*------------------------------------------
Reponsive css for max width 768px
--------------------------------------------*/
@media only screen and (max-width: 768px) {

	.cv-search-social-wrapper li {
		padding: 0 7px;
		font-size: 16px;
	}

	.site-branding {
		margin-right: 0%;
	}

	.menu-toggle i {
		padding-left: 10px;
		line-height: 68px;
	}

	.fullscreen-agency-form-wrap .search-form .search-submit {
		padding: 10px 0;
	}

	#cv-hero-section .hero-content-wrapper {
		width: 100%;
	}

	#cv-hero-section .hero-title{
		line-height: 100px;
	}

	#cv-hero-section .hero-content-wrapper {
    	width: 80%;
	}

	#cv-hero-section .hero-content{
		display: none;
	}

	#cv-hero-section .icon-scroll {
		display: none;
	}

	#cv-about-section .thumb-image {
		display: none;
	}

	#cv-about-section .about-content-block .section-title {
		font-size: 24px;
	}

	#cv-about-section .about-content-block {
		width: 100%;
		text-align: center;
	}

	.about-content-block .section-title {
		text-align: center;
	}

	#cv-about-section .about-btn {
		padding: 6px 12px;
	}

	#cv-services-section .btn-service.btn-read-more {
		padding: 6px 18px;
	}

	#cv-services-section .service-title {
		margin: 8px 0;
	}

	#cv-services-section .single-service-wrap {
		padding: 10px;
	}

	#cv-portfolio-section .portfolio-title a {
		text-align: center;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.portfolio-content-wrap::before {
		top: 20px;
		right: 10px;
		bottom: 20px;
		left: 10px;
	}
    
    .portfolio-content-wrap::after {
		top: 10px;
		right: 20px;
		bottom: 10px;
		left: 20px;
	}

	#cv-testimonial-section .member-info {
		font-size: 13px;
		line-height: 24px;
	}

	#cv-testimonial-section .member-name {
		font-size: 18px;
		margin-bottom: 0;
		padding-bottom: 16px;
	}

	#cv-blogs-section .single-blog-wrap .single-blog-content {
		padding: 0px 5px 20px 5px;
	}

	#cv-blogs-section .post-title a {
		font-size: 16px;
	}

	#primary {
		width: 100%;
		padding: 16px 25px;
	}

	#secondary {
		width: 100%;
	}
    
    .search .content-title{
		padding: 34px;
		font-size: 48px;
		margin: 61px 61px;
    }
    
    .error404 .error-num {
    	font-size: 80px;
    }

	h1.entry-title, h1.page-title {
		font-size: 22px;
		margin: 0;
		margin-bottom: 10px;
	}

    .nav-links .nav-previous, .nav-links .nav-next {
		width: 30%;
	}
    
    .front-latest-post .entry-content p {
    	display: none;
    }
    
    .front-latest-post .entry-title a {
    	font-size: 26px;
    }
    
    .home .front-latest-post .post {
    	width: 100%;
    }

    .trail-items {
		left: 55%;
	}

	.archive .entry-title, .search .entry-title {
		font-size: 24px;
		margin: 0 0 10px 0;
	}

}

/*------------------------------------------
Reponsive css for max width 600px
--------------------------------------------*/
@media only screen and (max-width: 600px) {
	.menu-toggle-off {
		right: 8%;
		top: 0%;
	}

	.up-down-wrap {
		display: inline-grid;
		float: right;
		padding-left: 30px;
		font-size: 20px;
		margin-top: -4px;
		margin-right: 14px;
	}

	.up-down-wrap span {
		line-height: 10px;
	}

	#primary-menu {
		margin: 0;
	}

	#site-navigation {
		line-height: 50px;
	}

	.custom-logo {
		margin: 16px 0 0;
	}

	.site-branding {
		padding-top: 0px;
		text-align: center;
		float: none;
		margin-bottom: 0;
	}

	.menu-toggle i {
		line-height: 15px;
		float: right;
		cursor: pointer;
	}

	.sub-toggle {
		top: 13px;
	}

	.cv-search-social-wrapper {
		line-height: 0;
		font-size: 14px;
		float: none;
	}
    
	.site-header.header-sticky {
    	padding-bottom: 10px;
    }

    .section-title::after {
        height: 3px;
        width: 48px;
        bottom: -13px;
    }
    
	#cv-hero-section .hero-title {
		 line-height: 70px; 
	}

	#cv-about-section .about-content {
		font-size: 12px;
		line-height: 1.7;
	}

	.about-content-block.wow.fadeInUp {
		margin-top: 20px;
	}

	#cv-services-section .single-service-wrap {
		padding: 10px;
		margin-bottom: 10px;
		float: none;
		margin: 10px auto;
		width: 50%;
	}

	#cv-services-section .single-service-wrap img {
		width: 50px;
	}
	
	#cv-services-section .service-title a {
		font-size: 12px;
		margin-left: -6px;
	}

	#cv-services-section .service-title a:hover {
		font-size: 13px;
	}

	#cv-services-section .service-image {
		width: 30%;
		display: inline-block;
	}

	#cv-services-section .service-title {
		margin: 0px;
		width: 70%;
		float: right;
	}

	#cv-services-section .btn-service.btn-read-more {
		margin-top: 0;
		padding: 3px 16px;
		font-size: 12px;
	}

	.single-portfolio-wrap.cv-column-3{
		width: 47%;
	}

	#cv-testimonial-section .thumb-display-image img {
		display: none;
	}

	#cv-testimonial-section .image-content {
		width: 90%;
	}

	#cv-blogs-section .single-blog-wrap img {
		width: 30%;
		display: inline-block;
	}

	#cv-blogs-section .single-blog-wrap .single-blog-content {
		width: 70%;
		float: right;
	}

	.title-breadcumb-wrap .entry-title {
		font-size: 35px;
	}

	.title-breadcumb-wrap {
		bottom: 0%;
	}

	.trail-items {
		display: none;
	}
    
    .error-404 {
    	margin: 40px 10px;
    }

	.search .content-title{
		padding: 22px;
		font-size: 39px;
		margin: 40px;
	}

	.widget_search .search-submit {
		height: 36px;
	}

	#footer-menu {
		display: none;
	}

	.home div.wpforms-container-full .wpforms-form input[type="date"],
	.home div.wpforms-container-full .wpforms-form input[type="datetime"],
	.home div.wpforms-container-full .wpforms-form input[type="datetime-local"],
	.home div.wpforms-container-full .wpforms-form input[type="email"],
	.home div.wpforms-container-full .wpforms-form input[type="month"],
	.home div.wpforms-container-full .wpforms-form input[type="number"],
	.home div.wpforms-container-full .wpforms-form input[type="password"],
	.home div.wpforms-container-full .wpforms-form input[type="range"],
	.home div.wpforms-container-full .wpforms-form input[type="search"],
	.home div.wpforms-container-full .wpforms-form input[type="tel"],
	.home div.wpforms-container-full .wpforms-form input[type="text"],
	.home div.wpforms-container-full .wpforms-form input[type="time"],
	.home div.wpforms-container-full .wpforms-form input[type="url"],
	.home div.wpforms-container-full .wpforms-form input[type="week"],
	.home div.wpforms-container-full .wpforms-form select, 
	.home div.wpforms-container-full .wpforms-form textarea {
		font-size: 12px;
		padding: 6px 10px;
		height: 30px;
	}

	#commentform .form-submit {
		width: 50%;
	}

	.page-nav {
	 margin-bottom:0px; 
	}

	#colophon .site-info {
		margin-top: -32px;
	}

	.entry-meta {
		text-align: center;
		margin-bottom: 10px;
	}

	.page-content, .entry-content, .entry-summary {
		margin: 0;
	}
	
	#respond {
		padding: 10px 0 0 0;
	}

	.page .entry-content, .single .entry-content, .archive .entry-content, 
	.search .page-content, .search .entry-summary, .page .entry-content p, 
	.single .entry-content p, .archive .entry-content p, 
	.search .page-content p, .search .entry-summary, .comment-notes {
		font-size: 12px;
		padding-top: 6px;
	}

	.nav-links {
		padding: 0;
	}
	
}

/*------------------------------------------
Reponsive css for max width 480px
--------------------------------------------*/
@media only screen and (max-width: 480px) {
	#fp-nav {
		display: none;
	}
	.site-title {
		font-size: 30px;
	}

	#site-navigation .sub-menu li a {
		line-height: 3.5;
	}
	.site-description {
		display: none;
	}

	.site-branding {
		margin-bottom: 24px;
	}

	#cv-hero-section .hero-title {
		line-height: 50px;
		font-size: 34px;
	}

	#cv-hero-section .hero-button.wow.fadeInUp {
		padding-top: 18px;
	}

	#cv-about-section .about-content-block {
		padding: 10px 15px;
	}

	.section-title {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.section-title::after {
		height: 2px;
		width: 40px;
		bottom: -8px;
	}

	#cv-services-section .btn-service.btn-read-more {
		display: none;
	}

	#cv-testimonial-section .member-info {
		font-size: 12px;
		line-height: 20px;
	}

	#cv-testimonial-section .single-testimonial-member-wrap {
		margin-top: 12px;
	}

	#cv-testimonial-section .thumb-image-block::before {
		border: 2px solid #fff;
	}

	#cv-portfolio-section .cv-column-wrapper {
		height: 350px;
	}

	.cv-blogs-wrapper {
		height: 350px;
	}

	.thumb-image-list {
		text-align: center;
	}

	.cv-blogs-wrapper {
		height: 350px;
	}

	#cv-blogs-section .btn-blog.btn-read-more {
		display: none;
	}

	#cv-blogs-section .post-title {
		margin-bottom: -12px;
	}

	#cv-blogs-section .post-title a {
		font-size: 14px;
	}

	#cv-blogs-section .single-blog-wrap.cv-column-3 {
		width: 97%;
		margin-bottom: 3%;
	}

	.cv-contact-wrapper {
		width: 100%;
		padding: 1px 12px;
	}

	#cv-contact-section .section-content-wrap .wpforms-submit {
		padding: 8px 19px;
	}

	div.wpforms-container-full .wpforms-form .wpforms-field-label {
		font-size: 12px;
		line-height: 1;
		margin: 0 0 2px 0;
	}

	.home #colophon {
		padding: 0;
	}
    
	h1.entry-title,
    h1.page-title {
    	font-size: 24px;
    	margin: 0;
    }
    
    .error404 .error-num {
    	font-size: 60px;
    }
    
    .error404 .error-content {
    	font-size: 30px;
    	padding-left: 8px;
    }
    
    .error404 .page-title {
	   font-size: 16px;
    	padding-bottom: 14px;
    }

    .search .content-title{
		padding: 22px;
		font-size: 30px;
		margin: 35px;
	}
    
    .front-latest-post .entry-title a {
    	font-size: 18px;
    }
    
    .front-latest-post .entry-title a::after {
		height: 2px;
		width: 35px;
	}

	.home .front-latest-post .post {
		padding: 5px 10px;
	}

	.front-latest-post .entry-title a {
		float: left;
		margin-bottom: 10px;
	}

    .nav-links .nav-previous, .nav-links .nav-next {
		width: 40%;
	}

	#colophon .site-info {
		font-size: 9px;
	}
}