@media screen and (max-width: 767px) {
.search-buttons{
  padding: 12px 20px 22px;
}
#newsletter input[type="email"]
{
  width: 100%;
}
.contact-box {
  padding: 8px 0 7px;
  text-align: center;
}
.phone-number
{
	left: 0;
}
.middle-header-icons
{
   float: right;
   left: -25px;
   width: fit-content;
   padding: 17px;
}
.phone-number:after,.banner-box:after,.br-top-bottom:after,.br-top-bottom:before,.our-services-main-heading:before,#our-portfolio .owl-nav,.Our-portfolio-title a:before,#sponsor .owl-nav
{
	display: none;
}
.search-icon img {
    width: 20px;
    margin-left: 7px;
}
.contains-search
{
   top: -4px;
}
.search-toggle.opened .search-icon.icon-close
{
	margin: unset;
}
.icon-close i
{
  left: 4px;
  top: -10px;
}
.search-buttons i
{
   top: 4px;
   left: 0;
}
#masthead
{
	position: unset;
}
#banner
{
	background: #000206;
    background-image: unset !important;
}
.socialbox
{
    text-align: center;
    right: 0;
    top: -107px;
    left: 29px;
}
#banner .banner-box {
  padding-left: 0 !important;
  text-align: center;
  padding-bottom: 239px;
}
.banner-top-box
{
  left: 0;
  top: 131px;
}
#banner .read-more-banner_button
{
   margin-left: 0 !important;
}
.banner-sub-heading
{
	max-width: 387px;
    margin: 0 auto;
}
.banner-sub-heading
{
	font-size: 16px;
    line-height: 38px;
}
#about-us .about-mob {
    margin-left: 0 !important;
    text-align: center;
}
.about-us-main-heading {
    padding-top: 30px;
}
#about-us .read_more_abouts_button,#about-us .about-us-second
{
  margin-left:0 !important ;
}
.about-us-para1
{
  margin:0 auto;
  font-size: 26px;
}
.about-number-border {
    width: 48% !important;
    margin: 0 auto;
}
#about-us,#FeatureSkill .feature-skill-mob {
    margin-top: 0 !important;
}
#services {
    margin-top: -43px;
    padding-top: 15px !important;
}
.services-inner-bx:after
{
  right: -24px;
}
.progress-bar-main-div {
    margin-bottom: 20px;
}
.progress-bar-text-div span
{
	display: inline-flex;
	float: left;
}
#FeatureSkill .progress-bar-text
{
	width:max-content;
}
.hvr-underline-from-center
{
	font-size: 30px;
}
.progress-icon-img
{
	padding-left: 0;
}
.right-progressbar {
    padding-top: 25px;
}
.progress-icon-img
{
	justify-content: center;
}
#our-portfolio {
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: -175px;
}
#our-portfolio .Our-portfolio-title
{
	width: auto;
	top: 0;
	margin-top: 0 !important;
	writing-mode: horizontal-tb;
	transform: unset;
	position: unset;
	height: 62px;
}
.Our-portfolio-title a
{
   top: 13px;
   left: 0;
   font-size: 17px;
}
.our-portfolio-img img
{
  height: 311px;
  object-fit: cover;
}
.portfolio-meta-box
{
	width: 100%;
    bottom: -275px;
    padding: 30px 30px 33px 30px;
    right: 0;
}
#our-portfolio .owl-stage-outer {
    padding-bottom: 345px;
}
#our-portfolio .post-description,.sec-para
{
	margin: 0 auto;
}
.sec-para
{
  font-size: 18px;
}
#vw-portfolios {
    padding: 0 12px !important;
}
.client-inner-boxs img
{
      object-fit: cover;
      height: auto;
}
.client-sec-col {
    text-align: center;
    margin-top: 0 !important;
    padding-top: 25px !important;
}
.first-heads, .sec-client-text, .client-sec-col .client-text
{
	font-size: 17px;
}
.first-client-text
{
   font-size: 22px;
}
.quotes-imgs .fa-quote-left
{
	left: 0;
	top: -8px;
}
.quotes-imgs .fa-quote-right
{
   left: 44%;
   bottom: 20px;
}
#our-client .client-sec-col {
    padding-top: 25px !important;
    margin-top: 0 !important;
}
.client-inner-bx h4 {
    margin-top: 0 !important;
}
.client-sec-col h2
{
	max-width: 490px;
	margin: 0 auto;
}
.counters-rw {
    text-align: center;
    margin-top: -24px !important;
}
.counter-box1, .counter-box2, .counter-box3, .counter-box4 {
    padding-bottom: 30px;
}
.counter-content-box img
{
	top: 37%;
}
.modal-contents
{
   width: 83%;
}
.modal-new
{
	padding-top: 0;
}
#newsletter
{
   top: -118px;
}
.newsletter-box
{
	text-align: center;
}
#newsletter .wpcf7-form.invalid [type=submit] {
    top: 0;
}
#newsletter [type=submit]
{
	top: 27px;
	display: block;
	margin: 0 auto;
	float: none;
	left: 0;
}
.newsletter-first-bx,.our-team-box
{
	width: 100%;
}
#counter
{
	margin-top: 0;
}
#our-team {
    margin-top: -50px;
}
.our-teams-bxs-mob,.innerbox {
    text-align: center;
}
.team-inner-box:hover .team-inner-boxs img
{
   width: 87% !important;
}
.team-inner-bx
{
	width: 82%;
	left: 59px;
}
.team-inner-bx h4 a
{
  bottom: 28px;
}
#our-team h2, .our-latest-blog-sub-heading
{
	font-size: 25px;
}
#latest-post .read_more_latest_post_button {
    margin-left: 22px !important;
    margin-top: -14px !important;
}
#latest-post {
    padding-top: 0 !important;
    margin-top: -41px !important;
}
.postbox-content
{
	padding: 31px 23px;
}
#sponsor {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#vw-footer {
    margin-top: 7px;
}
#vw-footer_box .textwidget p
{
  padding-bottom: 30px;
  margin: 0 auto;
}
.footer2 ul, .footer2 h3 {
    padding-left: 0;
}
.vw-copyright
{
  padding-bottom: 3px;
}
.copyright-text p
{
  font-size: 13px;
}
.footer2 h3
{
	left: 0;
	padding-top: 40px;
}
.phone-texts
{
	margin: 0 auto;
}
.search-buttons
{
	background: #000000db;
}
#single_post .postbox .post-content-box {
    width: 95%;
}
.banner-image .banner-mobile {
    padding-left: 15px !important;
}
.banner-image .card {
    position: relative;
    top: 50px;
}
.entry-title {
    font: 600 28px/50px var(--font-open-sans);
}
.entry-title:after {
    top: 50px;
}
.banner-image {
    margin-top: 13px;
}
#top-header-sidebar,.faq-tablet img
{
	width: 100%;
}
#single_post {
    padding-bottom: 0 !important;
}
#vw-sidebar .post-thumb img {
    margin: 0 auto;
    display: block;
}
#vw-sidebar .post-content {
    max-width: unset;
    text-align: center;
}
#vw-sidebar h3, #vw-sidebar h2, #vw-sidebar ul
{
	text-align: center;
}
#vw-sidebar h3:before, #vw-sidebar h2:before {
    left: 0;
    right: 0;
    margin: 0 auto;
}
#top-header-sidebar form
{
  padding: 65px 60px 40px;
}
.login-password,.login-username {
    display: grid;
}
#top-header-sidebar .header-right-menus
{
  top: 8px;
}
blockquote
{
  width: auto;
}
.errorimg {
  width: 88%;
}
#page-not-found {
    padding: 45px 0 30px 0;
}
.error-bag {
    top: -37px;
}
.heading3
{
   font-size: 39px;
}
.read-moresec1 a
{
	font-size: 14px;
}
.faq-section .modified {
    padding-bottom: 55px !important;
    margin-top: 0 !important;
}
.faq-heading {
    font-size: 19px;
}
.faq-section .accordion-body
{
  padding: 30px 11px !important;
}
.contact-info-box
{
	left: 0;
}
.email-text {
    width: max-content;
}
#contact-information .contact-boxes {
    padding: 0 15px 0 15px !important;
}
#contact-information .contact-form-right-img
{
	display: none;
}
#contact-information .maps {
    padding-top: 34px;
}
#contact-information form input[type=submit] {
    margin: 0 auto;
}
.inner_about-para2,.inner_about-sub-heading
{
	margin: 0 auto;
}
.inner_about-second-section,.aboutus_sections-second-section {
    text-align: center;
}
.inner_about-sub-heading
{
	font: normal normal bold 17px/45px var(--font-mont);
}
#inner_about .laerning-sec {
    padding-top: 0 !important;
}
#aboutus_sec {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#inner_about
{
  padding-bottom: 0 !important;
}
.aboutus_sec-cols {
    padding-top: 45px;
}
#latest-post .postbox-content
{
	text-align: center;
}
}
@media screen and (max-width:767px) and (min-width:426px){
 .portfolio-meta-box
 {
 	bottom: -243px !important;
 }
 .progress-bar-text-div span
 {
 	display: flex !important;
 }
 #our-portfolio
 {
 	margin-bottom: -198px !important;
 }
 .team-inner-box:hover .team-inner-boxs img
 {
 	    height: auto;
 	    width: 92% !important;
 }
 .team-inner-bx
 {
 	width: 82% !important;
    left: 97px !important;
 }
#single_post .postbox .post-content-box {
    width: 97% !important;
}
}
@media screen and (max-width:1023px) and (min-width:768px){
.footer3 {
   padding-top: 35px;
}
.vw-copyright
{
	padding-bottom: 2px;
}
#sponsor .owl-nav,.banner-box:after
{
	display: none;
}
.phone-texts
{
	margin: 0 auto;
}
.footer3 {
    text-align: center;
    width: 100% !important;
}
.read_more_latest_post_button {
    text-align: end;
}
.our-team-box
{
   display: block;
   margin: 0 auto;
}
.team-inner-bx h4 a
{
	bottom: 32px;
}
.our-teams-bxs-mob,.banner-box,.client-sec-col {
    text-align: center;
}
#our-team .br-tops:before {
    top: -66px !important;
}
#newsletter [type=submit]
{
	float: none;
    top: 26px;
    left: 0;
    display: block;
    margin: 0px auto;
}
#newsletter input[type="email"],.newsletter-first-bx
{
	width: 100%;
}
.newsletter-box,.counters-rw,.about-mob {
    text-align: center;
}
.counter-box1, .counter-box2, .counter-box3, .counter-box4 {
    padding-bottom: 30px;
}
.counters-rw
{
	margin-top: -24px !important;
}
#newsletter
{
	top: -122px;
}
#site-sticky-menu1 {
    margin-top: 15px;
}
.middle-header-icons {
    float: right;
    left: -25px;
    width: fit-content;
}
.contact-box {
    padding: 13px 0 7px 0;
    text-align: center;
}
.phone-number {
    left: 0;
}
.search-icon img {
    width: 20px;
    margin-left: 44px;
}
.search-buttons {
    background: #000000db;
}
.search-container
{
  right: 31px;
}
.search-toggle.opened .search-icon.icon-close
{
	margin: unset;
}
.icon-close i
{
   left: 4px;
}
.toggle-nav i {
    left: -13px;
    position: relative;
}
#masthead
{
	position: unset;
}
.banner-top-box
{
	top: 130px;
    left: 0;
}
#banner .banner-box {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.banner-box {
    padding-bottom: 195px;
}
.banner-sub-heading {
    margin: 0 auto;
    font-size: 26px;
    max-width: 460px;
    line-height: 61px;
}
.socialbox
{
    left: 57px;
    right: 0;
    text-align: center;
}
#vw-portfolios {
    padding: 0 15px !important;
}
#about-us .about-us-second,#about-us .about-mob {
    margin-left: 0 !important;
}
.about_left_middle_img img {
    display: block;
    margin: 0 auto;
}
.about-us-para1, .hvr-underline-from-center,.sec-para,#our-portfolio .post-description,.client-sec-col h2
{
	margin: 0 auto;
}
.about-us-main-heading {
    padding-top: 35px;
}
.about-number-border {
    width: 28% !important;
    margin: 0 auto;
}
#our-portfolio .owl-stage-outer {
    padding-bottom: 361px;
}
#our-portfolio .owl-nav
{
	bottom: 41%;
    left: 0;
}
.portfolio-meta-box
{
	width: 100%;
    bottom: -334px;
    right: 0;
}
.quotes-imgs .fa-quote-left
{
	left: 100px;
    top: 3px;
}
.quotes-imgs .fa-quote-right
{
	left: 28%;
}
#our-client .client-sec-col
{
   padding-top: 0 !important;
}
.client-inner-boxs img
{
	height: auto;
}
#counter
{
   margin-top: 118px;
}
.counter-content-box img
{
	top: 45%;
}
.modal-new
{
	padding-top: 0;
}
.modal-contents
{
   width: 88%;
}
#single_post .postbox .author-box span
{
  padding-left: 12px;
}
#single_post .postbox .post-content-box h4 a
{
  font: 600 14px/20px montserrat;
}
#single_post,#full-width-blog .content_page {
    padding-bottom: 0 !important;
}
.vw-navigation {
    position: relative;
    top: 54px;
}
.entry-title:after {
    top: 55px;
}
.page-template-page-with-left-sidebar #vw-sidebar .post-thumb img,
.page-template-page-with-right-sidebar #vw-sidebar .post-thumb img
{
	height: 70px;
    width: 70px !important;
}
.heading3 {
   font-size: 45px;
}
.faq-tablet img {
    width: 100%;
}
.faq-section .modified {
    padding-top: 0 !important;
}
#contact-information .maps {
    margin-top: 63px;
}
.abt-inner_about-box img, .abt-aboutus_sec-box img {
    width: 100%;
}
.inner_about-sub-heading, .inner_about-para2 {
    max-width: unset;
}
#inner_about .laerning-sec {
    padding-top: 0 !important;
}
#aboutus_sec {
    margin-top: -54px !important;
    padding-top: 0 !important;
}
.abt-aboutus_sec-box {
    padding-top: 45px;
}
 .banner-box,#latest-post .section-heading,.read_more_latest_post_button
 {
 	text-align:center;
 }
 #latest-post .read_more_latest_post_button {
    margin-top: -13px !important;
    padding-top: 0 !important;
    padding-bottom: 35px;
}
}
@media screen and (max-width: 1199px) {
	#search {
		left: 45px;
	}
	#vw-header .toggle-nav {
    display: block;
    text-align: right !important;
    position: relative;
    left: -13px;
	}
	.toggle-nav i {
		font-size: 29px;
		color: #ffffff !important;
	}
	.sidenav .close-sidebar {
		position: relative;
		font-size: 32px;
		display: block;
		padding-right: 7%;
		color: black;
		cursor: pointer;
		cursor: pointer;
    	text-align: right;
	}
	.main-navigation ul li.current-menu-item a{
		border-top: none !important;
	}
	.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 li ul{
		display: none;
		position: relative !important;
	}
	.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;
		color: #ffff !important;
	}
	.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,#slider p {
		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;
		font-size: 15px;
	}
	#sidebar1 {
		height: 100%;
    width: 0;
    position: fixed !important;
    z-index: 9999999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: .9s;
    padding-top: 25px !important;
    background: white;
    box-shadow: 4px 2px 12px 1px #ccc;
	}
	#sidebar1 ul li a{
		color: black !important;
		border-bottom: none;
	}
	#sidebar1 ul li:hover>ul {
	  visibility: visible;
	  opacity: 1;
	  height: auto;
	  z-index: 11111;
	  transform: scale(1) !important;
	}
	#sidebar1 ul li:hover>ul {
    	display: block !important;
    	transition: all .4s ease;
	}
	/*#sidebar1 ul ul a:hover:after {
 		display: none;
	}*/
	#sidebar1 ul ul {
    	background: #fff;
    	border-top: 4px solid var(--color-pink);
    	/*padding: 1rem 0;*/
    	visibility: hidden;
    	display: none !important;
    	opacity: 0;
    	animation-name: fadeOutUp;
  		transform: scale(0) !important;
  		transform-origin: top left;
  		transition: all 0.3s ease-out;
	}
	@keyframes fadeOutUp {
	  from {
	    opacity: 1;
	  }

	  to {
	    opacity: 0;
	    transform: translate3d(0, -100%, 0);
	  }
	}
	#sidebar1 ul ul li a:after{
		content: '' !important;
		background: #283891 !important;
		padding: 10px 0px;
		height: 85%;
		width: 92%;
		border-radius: 0 50% 50% 50%;
		transform: scale(0);
		transform-origin: top left;
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: -1;
		transition: all 0.3s ease;
	}
	#sidebar1 ul ul li a:hover:after{
	  border-radius: 0;
	  transform: scale(1);
	}
	#sidebar1 .main-navigation ul ul li a:hover:after {
		content: "";
	}
	.main-navigation ul ul{
		width: 100%;
	}
	.main-navigation ul ul,.main-navigation ul ul li {
		background: transparent !important;
	}
	.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;
	}
	.sub-menu li {
    padding: 0px 4px !important;
}
.main-navigation ul
{
	padding-left: 0;
}
.main-navigation ul ul li:after
{
	display: none;
}
.post-template-default #single_post {
    width: 100% !important;
    margin: 0;
}
.content_boxes {
    transform: translateY(-4%);
}
.single-page-title {
    font: normal normal 600 20px/38px var(--font-open-sans);
    text-align: center;
}
.single-page-category
{
	text-align: center;
}
.single-page-metabox, .single-author-image span {
    display: block;
}
.single-mob {
    margin: 0 auto;
}
.single-post-social-box li {
    float: none;
}
#single_post .single-post-social-box .share_icon {
    text-align: center !important;
}
.single-post-comment {
    margin-top:13%;
    width: 97%;
}
.nav-previous,.nav-next {
    float: none;
    width: auto;
}
}
@media screen and (max-width:1200px) and (min-width:1024px){
#vw-portfolios {
    padding: 0 15px !important;
}
.portfolio-meta-box
{
	right: 0;
}
.middle-header-icons
{
  width: 94%;
  left: 6px;
}
.vw-designer-logo img {
    width: 93%;
    position: relative;
    top: -8px;
}
.banner-sub-heading
{
	font-size: 34px;
}
#our-portfolio .owl-nav
{
  left: -47%;
}
.quotes-imgs .fa-quote-right
{
	left: -26%;
}
#newsletter input[type="email"]
{
  width: 64%;
}
.newsletter-para
{
	font-size: 23px;
}
.counters-rw
{
	top: -16px;
    padding-bottom: 137px;
}
.modal-new
{
	padding-top: 0;
}
.modal-contents
{
   width: 88%;
}
.team-inner-box:hover .team-inner-boxs img
{
   width: 186px !important;
}
.team-socialbox
{
  right: -22px;
}
#our-team .br-tops:before {
    top: -99px !important;
}
#our-team {
    padding-top: 55px;
}
.postbox-content
{
   padding: 37px 25px;
}
.search-container
{
	width:auto;
}
.phone-number:after
{
	display: none;
}
.icon-close i
{
	left: 44px;
}
.search-toggle.opened .search-icon.icon-close
{
	    margin: unset;
}
.search-buttons i
{
	top: 3px;
    left: 0;
}
#single_post,#full-width-blog .content_page {
    padding-bottom: 0 !important;
}
.banner-image .card
{
  margin-top: -1px;
}
.single-page-category {
    text-align: start;
}
.single-page-title {
    font: normal normal 600 28px/38px var(--font-open-sans);
    text-align: start;
}
.single-author-image span {
    margin-left: 10px;
}
.single-author-image {
    display: flex;
}
/*.single-mob {
    margin: initial;
}*/
.faq-tablet img {
    width: 100%;
}
.faq-section .modified {
    padding-top: 0 !important;
}
#contact-information .maps {
    margin-top: 80px !important;
}
#inner_about .laerning-sec {
    margin-top: 0 !important;
}
#aboutus_sec .learning-content-box i
{
	top: 39%;
}
#about-us .about-us-para2
{
	margin-top: 0 !important;
}
#about-us .about-tabs {
    margin-top: 20px !important;
    padding-top: 0 !important;
}
.about-us-para1
{
	font-size: 19px;
}
.single-date-box {
    position: relative;
    left: 68px;
}
}
@media screen and (min-width: 1040px)
{
	#our-team .br-top-bottom:after {
    bottom: -75px !important;
	}
}
@media screen and (max-width:1040px) and (min-width:1024px){
	
.banner-box:after{
	left: -63px !important;
	}
	#our-team .br-tops:before,#our-team .br-top-bottom:after{
		left: -90px;
	}
	.our-services-main-heading:before{
		left: 65px;
	}
	#sponsor .br-top-bottom:after{
		left: 0px;
	}
.banner-top-box {
  left: 103px;
}
#our-portfolio .owl-nav
{
  left: -49%;
}
}