:root {
	--color-white: #ffffff;
	--color-yellow: #e88c09;
	--color-yellow1: #ff9800;
	--color-gray: #777777;
	--color-blue: #373293;
	--color-blue1: #363394;
	--color-blue2: #181e5e;
	--color-blue3: #5049c1;
	--color-blue4: #383093;
}
:root {
	--font-josefin: "Josefin Sans";
}
@media screen and (max-width: 1040px) and (min-width: 1024px) {
	#Testimonial img.testi-boi{
		margin-top: 30px;
    margin-bottom: -30px;
	}
}
@media screen and (max-width: 2500px) and (min-width:1921px){
	#AboutUs {
    	margin-top: -70%;
	}
	#slider{
		background-size: 100% 65%;
	}
	#slider h5{
		font: 600 30px var(--font-josefin);
	}
	#slider h1{
		font: 500 83px/145px var(--font-josefin);
	}
	#slider p{
		width: 80%;
	}
}
@media screen and (max-width: 1920px) and (min-width:1400px) {
	/* .stickynavbar .row.menu{
		align-items: center;
	} */
	#slider .carousel-caption figure{
		width: 125%;
    margin: 2rem 0 0 -4rem;
	}
	#slider h5{
		font: 600 30px var(--font-josefin);
	}
	#slider h1{
		font: 500 83px/145px var(--font-josefin);
	}
	#AboutUs{
		margin-top: -62%;
	}
	#slider{
		background-size: 100% 77%;
	}
	#slider p{
		width: 80%;
	}
	.main-navigation a{
		font-size: 20px;
	}
	#FreelanceAvailable P{
		font: 400 18px/20px var(--font-josefin);
	}
	#MyBlog .post-one img, #MyBlog .post-three img, #MyBlog .post-two img{
		width: 100%;
	}
	#AboutUs{
		background-size: 100% 100%;
		padding-bottom: 235px;
	}
	#FeatureSkill {
    margin-top: -100px;
	}
}
@media screen and (max-width: 1200px) {
	#AboutUs .cards {
		width: 214px;
	}
	#slider{
		background-size: 100% 90%;
	}
	#AboutUs{
		 margin-top: -55%;
	}
	.textimonial-img i{
		padding: 22px;
	}
	#MyBlog .post-two, #MyBlog .post-three {
    	height: 257px;
	}
	.post_pic_inner .team-content{
		left: 11%;
	}
}
@media (min-width: 1441px){
	#vw-footer{
		background-size: cover;
		padding: 20% 0 0;
	}
	#Testimonial {
    margin-bottom: -17.6%;
	}
}
@media screen and (max-width: 1040px) {
	.home #vw-header-menu {
		z-index: unset;
		position: static;
		background: rgb(39 80 157) !important;
	}
	.toggle-nav {
		display: block;
		text-align: right;
	}
	.toggle-nav i {
		font-size: 29px;
		color: #ffffff !important;
	}
	.sidenav .close-sidebar {
		position: absolute;
		top: -27px;
		left: 6em;
		font-size: 33px;
		display: block;
		color: #ffffff;
		cursor: pointer;
	}
	.sticky .toggle-nav i {
		margin-right: 30px;
	}
	.main-navigation ul li>ul {
		opacity: 1;
		display: block !important;
		visibility: visible !important;
		transform: none;
		box-shadow: unset;
		padding: 0;
		margin: 0;
	}
	.main-navigation ul li a:before,
	.main-navigation ul li a:before {
		background-color: transparent;
	}
	.main-navigation ul li:hover>ul {
		display: block !important;
		padding: 0;
		color: #000000;
	}
	.main-navigation ul li {
    	height: 100%;
	}
	.main-navigation ul li ul li ul {
		position: unset;
	}
	.main-navigation ul ul li a:hover{
		transition: unset;
		padding: 12px 12px;
	}
	.headerbar {
		display: block !important;
		margin: 0;
	}
	.main-navigation ul ul li{
		padding: 0px 12px;
  		margin: 0px 0 0px 0;
	}
	.main-navigation ul ul li a {
		padding-left: 16px;
	}
	.main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after {
		display: none;
	}
	.main-header .main-navigation,#slider .icon_img img {
		display: none
	}
	.main-navigation,.main-navigation li {
		padding: 0;
		display: block;
		width: 250px;
	}
	.main-navigation ul li a {
		padding: 12px 19px 12px 8px;
		display: block;
		border-bottom: 1px solid #e2e2e2;
		background: 0 0!important;
		text-align: left;
		margin: 0;
	}
	#sidebar1 {
		height: 100%;
		width: 0;
		position: fixed !important;
		z-index: 9999999;
		top: 0;
		right: 0;
		background-color: #111;
		overflow-x: hidden;
    	transition: .9s;
		padding-top: 45px !important;
	}
	#sidebar1 .main-navigation ul ul li a:hover:after {
		content: "";
	}
	.main-navigation ul ul,.main-navigation ul ul li {
		background: transparent !important;
	}
	.main-navigation ul ul {
		position: static;
		width: 100%;
		box-shadow: none;
	}
	.main-navigation ul ul li {
		display: block;
		padding-left: 1px;
		border-bottom: none;
	}
	.main-navigation ul ul ul li {
		padding-left: 15px;
	}
	.main-navigation ul.sub-menu li a:before {
		content: none;
	}
	iframe {
		width: 100%;
		height: auto;
	}
	.content_boxes figure #instagram-embed-0 {
		height: 706px;
	}
	.header-logo {
		position: unset;
	}
	.main-navigation ul li ul,.main-navigation ul li ul {
		overflow: unset;
		position: unset;
		height: auto;
	}
	#slidemainbox {
		margin-top: 0px;
	}
	#AboutUs .process_elements img {
		width: 70px !important;
	}
	#AboutUs .post {
		font-size: 16px;
	}
	#AboutUs .cards {
		padding: 50px 0px;
		height: 256px;
		width: 200px;
	}
	#OurAchievments h5{
		font-size: 17px;
	}
	#MyResume .icon-left-box i,#MyResume .icon-right-box i {
		margin-top: -16%;
	}
	#newsletter p {
		width: 75%;
	}
	#newsletter input[type=submit]{
		left: -2px;
	}
	#MyBlog .post-two,#MyBlog .post-three {
		height: unset;
	}
	#Testimonial {
		margin-bottom: -254px;
	}
	#newsletter input[type=email]{
		width: unset;
	}
	.textimonial-img i {
		padding: 22px;
	}
	#vw-footer {
		padding: 19% 0 0 0;
	}
	.banner-image{
		padding: 1px 0 25px 0;
	}
	.one-col .post_pic_inner .team-content {
  		left: 4%;
	}
	.two-col .post_pic_inner .team-content {
    	left: 7%;
	}
	.page-template-blog-with-left-sidebar .post_pic_inner .team-content, .page-template-blog-with-right-sidebar .post_pic_inner .team-content {
	    top: -4%;
	    left: 17%;
	}
}
@media screen and (max-width: 1024px) and (min-width:991px) {
	#slider h1 {
		font-size: 60px;
	}
}
@media screen and (max-width: 991px) {
	.toggle-nav {
		margin-top: 2px;
	}
	#slider p,.main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after,.news-text {
		display: none;
	}
	#slider h5 {
		font-size: 20px;
	}
	#slider h1 {
		font-size: 44px;
	}
	#AboutUs .process_elements img {
		width: 70px !important;
	}
	#AboutUs .post {
		font-size: 16px;
	}
	#AboutUs .cards {
		padding: 50px 0px;
		height: 248px;
		width: 154px;
	}
	#MyResume .icon-left-box i, #MyResume .icon-right-box i {
   		margin-top: -22%;
	}
	#HireMe .box {
		width: 100%;
	}
	#MyBlog .post-two,#MyBlog .post-three {
		height: unset
	}
	#MyBlog .post-two img,#MyBlog .post-three img{
		height: auto;
	}
	#MyBlog h5 a {
		font-size: 18px;
	}
	#newsletter p {
		width: unset;
		text-align: left;
	}
	#vw-footer_box h3 {
		text-align: left;
	}
	#Testimonial {
		margin-bottom: 0;
	}
	#vw-footer {
		padding: 0;
	}
	#vw-footer {
		background: #19133a;
	}
	.expert_box_head {
		font-size: 16px;
	}
	.expert-number-box h4 {
		font-size: 20px;
	}
	.expert-box {
		width: auto;
	}
	.card-header a {
		font-size: 18px;
	}
	#bubbles {
		display: none;
	}
	.bubble {
		width: unset;
		height: unset;
	}
	.post_pic_inner .team-content {
		top: 9%;
		left: 15%;
	}
	.one-col .post_pic_inner .team-content {
  		left: 5%;
	}
	.two-col .post_pic_inner .team-content {
    	left: 10%;
	}
	.post-navigation .nav-links{
		display: block;
		padding:0 0 15px 0;
	}
	.nav-next{
 	 	margin-left: 0px;
 	 	margin-top: 5%;
	}
}
@media screen and (max-width: 768px) {
	#slider h1 {
		font-size: 45px;
		line-height: 62px;
	}
	#slider h5,#slider .topheading {
		font-size: 21px;
	}
	#slider p {
		font-size: 12px;
		line-height: 18px;
	}
	#slider .vw-slider-button1,#slider .vw-slider-button2 {
		font-size: 15px;
		line-height: 15px;
		padding: 11px 18px;
	}
	#AboutUs .process_elements img {
		width: 70px !important;
	}
	#AboutUs .post {
		font-size: 16px;
	}
	#AboutUs .cards {
		padding: 50px 0px;
		height: 248px;
		width: 154px;
	}
	#AboutUs h6 {
		margin-top: 19%;
	}
	#MyResume .icon-left-box i,#MyResume .icon-right-box i {
		margin-top: -9%;
	}
	#MyResume .icon-left-box i{
		left: 21%;
	}
	#MyResume .icon-right-box i{
		left: 74%;
	}
	.services-card:nth-child(2) {
		top: 70px;
	}
	.box:nth-child(even) {
		margin-left: 0;
	}
	#MyBlog .post-two,#MyBlog .post-three {
		height: unset
	}
	#Testimonial .testi-icon i {
		left: 39%;
	}
	#newsletter p {
		width: unset;
	}
	.newsletter-shortcode p {
		text-align: left;
	}
	#Testimonial {
		margin-bottom: 0;
	}
	#WorkProcess .inner_work_process .owl-carousel{
		top: 43%;
	}
	.inner_work_process .owl-carousel .owl-item :nth-child(odd) {
		margin-top: 37px;
	}
	#vw-footer {
		padding: 0;
	}
	#vw-footer {
		background: #19133a;
	}
	.contact_box p {
		margin-bottom: auto !important;
	}
	.card-header a {
		font-size: 18px;
	}
	.comment-form-cookies-consent{
		display: inline-flex;
	}
	.comment-form-cookies-consent label{
		margin-left: 3%;
	}
	.post_pic_inner .team-content{
		top: 25%;
    	left: 21%;
	}
}
@media screen and (max-width: 767px) and (min-width:575px) {
	#slider p{
		display:none;
	}
	#slider h5,#slider .topheading,.stickynavbar .header-button,.stickynavbar .social-main-box {
		display: none;
	}
	#mask-image {
		padding: 6px;
		width: 81%;
	}
	#mask-image img {
		width: 38px;
		height: 87px;
		margin-top: 16px;
	}
	#slider h1 {
		font-size: 35px;
		line-height: 50px;
	}
	#slider p {
		font-size: 12px;
		line-height: 16px;
	}
	#slider .vw-slider-button1,#slider .vw-slider-button2 {
		font-size: 14px;
		line-height: 11px;
		padding: 8px 11px;
	}
	#AboutUs h6 {
		margin-top: 15px;
	}
	#AboutUs .icon {
		padding-left: revert;
	}
	#FeatureSkill h5:after {
		position: static;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 5px;
	}
	#OurAchievments p {
		width: auto;
	}
	#MyResume h5:after {
		position: static;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 5px;
	}
	#MyResume .left_card_uni,#MyResume .right_card_uni {
		margin: 0 auto;
	}
	#MyResume .icon-left-box i,#MyResume .icon-right-box i {
		margin-top: -13%;
		left: 45%;
	}
	#FreelanceAvailable p {
		width: 100%;
	}
	#HireMe .box img {
		width: 15%;
	}
	#HireMe h2 {
    	display: block;
	}
	.box:nth-child(even) {
		margin-left: 0%;
	}
	#HireMe .box {
		width: 100%;
	}
	#WorkProcess .inner_work_process {
		padding: 0;
	}
	#WorkProcess .inner_work_process .owl-carousel {
    	top: 69%;
	}
	#WorkProcess p {
		width: 100%;
	}
	.inner_work_process .owl-carousel .owl-item :nth-child(odd),.inner_work_process .owl-carousel .owl-item:nth-child(even)
	{
		margin-top: 25px;
	}
	#sponsor .Sponsor_inner_box {
		padding: 0;
		top: 27px;
	}
	#sponsor .sponsor_inner_image.text-center {
	  width: 50%;
		margin: 0 auto;
	}
	#sponsor .sponsor_inner_image img {
		/* max-width: 50%; */
		margin: 0 auto;
		text-align: center;
	}
	#MyBlog .post-two,#MyBlog .post-three,#MyBlog .post-one {
		height: unset;
		text-align: center;
	}
	#Testimonial .testi-icon i {
		left: 74%;
	}
	#newsletter input[type=email] {
		padding: 14px 0;
		max-width: 210px;
	}
	#newsletter p {
		width: 100%;
	}
	.newsletter-shortcode p {
		width: 100%;
		text-align: center;
	}
	#vw-footer {
		padding: 0;
	}
	#vw-footer_box .footer1 img {
		width: auto;
	}
	#Testimonial {
		margin-bottom: 0;
	}
	#vw-footer {
		margin-top: 0;
		position: static;
		background: #19133a;
	}
	.newsletter-shortcode {
		margin-left: 74px;
	}
	.newsletter-shortcode h5 {
		margin-left: auto !important;
	}
	#vw-footer_box,#vw-footer_box h3,#vw-footer_box .top_title {
		text-align: center;
	}
	#vw-footer_box h3,#vw-footer_box .top_title {
		margin-top: 15px;
	}
	#vw-footer_box .vw-footer-cols p {
		width: 100% !important;
	}
	#vw-footer_box ul {
		padding-left: 0;
	}
	#vw-footer_box ul li:before {
		display: none;
	}
	#vw-footer_box ul li {
		text-align: center;
	}
	.banner-image p {
		width: 100%;
		padding: 0 25%;
	}
	.banner-image img {
		width: 55%;
	}
	.contact-info-box h2:after,#faq h2:after {
		margin: 0 auto;
	}
	.contact-info-box p {
		width: 100% !important;
	}
	.contac_form input[type=submit] {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.expert_box_head {
		font-size: 20px;
	}
	.expert-number-box h4 {
		font-size: 24px;
	}
	.related-post-wrapper img {
		width: 25%;
	}
	.post-single-text {
		font: 400 14px/20px var(--font-josefin);
	}
	.banner-image {
    	padding: 30px 0 25px 0;
	}
	.card-header a{
		font-size: 15px;
	}
	.post_pic_inner .team-content{
    	left: 23%;
	}
	.post_ctg span, .socila_share{
		float: unset;
	}
	ol, ul {
    	padding-left: 0rem !important;
	}
	.one-col .post_pic_inner .team-content,.two-col .post_pic_inner .team-content {
  		left: 23%;
	}
	.comments-area .comment-list li.comment .comment-author img{
		width: 25%;
	}
}
@media screen and (max-width: 574px) {
	#vw-header-menu .header-button,#vw-header-menu .social-main-box{
		margin-top: 16px !important;
	}
	#AboutUs .nav-tabs{
		justify-content: center;
	}
	#slider h5,#slider .topheading, .stickynavbar .header-button,.stickynavbar .social-main-box{
		display: none;
	}
	#slider .slidesmalltext {
		display: none;
	}
	#slider h5,#slider .topheading {
		font-size: 11px;
	}
	#slider h1 {
		font-size: 25px;
		line-height: 60px;
	}
	#slider .vw-slider-button1,#slider .vw-slider-button2 {
		font-size: 13px;
		line-height: 15px;
		padding: 8px 4px;
	}
	#slider .vw-slider-button1 {
		margin-right: 6px;
	}
	#AboutUs {
		background-image: none !important;
	}
	#AboutUs .cards {
		padding: 32px 5px;
		height: 235px;
  	width: 100%;
	}
	.services-card:nth-child(2){
		top: -72px;
	}
	#AboutUs .post {
		font-size: 18px;
	}
	#MyResume .icon-left-box i, #MyResume .icon-right-box i {
    	margin-top: -18%;
	}
	#MyResume .icon-right-box i,#MyResume .icon-left-box i{
		left: 41%;
	}
	#FeatureSkill {
    	margin-top: -126px;
	}
	#FeatureSkill h5:after,
	#MyResume h5:after {
		position: static;
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 5px;
	}
	#HireMe h2 {
    	display: block;
	}
	.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before{
		display: none;
	}
	#HireMe .box img {
    	width: 15%;
	}
	.inner_work_process .owl-carousel .owl-item :nth-child(odd),.inner_work_process .owl-carousel .owl-item:nth-child(even)
	{
		margin-top: 0px ;
	}
	#MyPortfolio .project-tabs ul li{
		display: block;
	}
	#WorkProcess p,#FreelanceAvailable p, #sponsor p {
    	width: 100%;
	}
	#WorkProcess svg {
		top: 100px;
	}
	#WorkProcess .inner_work_process .owl-carousel{
		top: auto;
	}
	#Testimonial .testi-icon i {
    	left: 74%;
	}
	#sponsor .Sponsor_inner_box {
    	padding: 0;
    	top: 33px;
	}
	#sponsor .sponsor_inner_image.text-center {
	  width: 50%;
		margin: 0 auto;
	}
	#sponsor .sponsor_inner_image img {
	    /* max-width: 50%; */
	    margin: 0 auto;
	    text-align: center;
	    padding-top: 4%;
	}
	#newsletter input[type=email]{
		width: 120%;
	}
	#newsletter input[type=submit]{
		left: 0;
	}
	#vw-footer_box,#MyBlog .post-two,#MyBlog .post-three,#MyBlog .post-one {
		text-align: center;
	}
	.banner-image p {
		width: 100%;
		padding: 0 4%;
	}
	.newsletter-shortcode h5 {
		margin-left: auto !important;
	}
	#vw-footer_box .top_title,#vw-footer_box h3{
		text-align: center;
		margin-top: 5%;
	}
	.banner-image {
    	padding: 30px 0 25px 0;
	}
	.post_pic_inner .team-content{
		left: 11%;
	}
	.post_ctg span, .socila_share{
		float: unset;
	}
	#vw-footer_box ul li:before {
		display: none;
	}
	#vw-footer_box ul li {
		text-align: center;
	}
	ol, ul {
    	padding-left: 0rem !important;
	}
	.one-col .post_pic_inner .team-content {
    	left: 14%;
	}
	.two-col .post_pic_inner .team-content {
    	left: 13%;
	}
	.comments-area .comment-list li.comment .comment-author img{
		width: 25%;
	}
}
@media screen and (max-width: 375px) {
	#vw-header-menu .header-button,#vw-header-menu .social-main-box{
		margin-top: 12px !important;
	}
	#AboutUs .nav-tabs{
		justify-content: center;
	}
	#slider h1 {
		font-size: 18px;
		line-height: 40px;
	}
	#slider .vw-slider-button1,#slider .vw-slider-button2 {
		font-size: 9px;
		line-height: 15px;
		padding: 8px 3px;
	}
	#AboutUs .cards {
	    height: 225px;
	    width: 100%;
	}
	.single-post .content_page textarea#comment,textarea {
    	width: 100%;
    	margin-top: 1%;
	}
	.one-col .post_pic_inner .team-content {
    	left: 11%;
	}
}
@media screen and (max-width: 320px) {
	#AboutUs .process_elements img {
   		width: 60px !important;
	}
	#AboutUs .post {
    	font-size: 16px;
	}
	#AboutUs .cards {
		height: 220px;
		width: 100%;
	}
	.card-header a{
		font-size: 15px;
	}
	#newsletter input[type=email] {
		width: 125%;
	}
	.nav-next{
		margin-top: 7%;
	}
}