@media only screen and (min-width:320px) and (max-width:991px) {
h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
/* header */
section.contents .content-bar {
	padding: 20px 0;  
}
/* page banner*/
header .top-bar-outer {
    display:none;
}
/*
header{
	background:#000;
}*/
header .logo-bar {
   background:#000;
}

header .user-nav {
     margin: 10px 0px 5px 0;
}

footer .footer-sec .footer-sec-abt {
    width: 100%;
    padding: 30px 0 20px;
    padding-right: 0px;
    border-right:none;
	border-bottom: 1px solid rgba(0,0,0,.2);
    min-height: 1px;
}
footer .footer-sec .footer-sec-abt.footer-cont-last {
    width:100%;
    padding: 20px 0 0px;
    padding-left: 0px !important;
}
.offer-bar {
    padding: 40px 0 40px;
}
.main-head {
    font-size: 22px !important;
    line-height: 32px !important;
    margin-bottom: 10px !important;
}
.project-category {
    font-size: .8em;
}
.project-name {
    font-size: 1.1em;
    margin-bottom: 10px;
    letter-spacing: 0px;
}
.idx-new-arrival {
    padding: 40px 0;
}
.product {
    margin: 0 8px;
}
.product-name {
    font-size: 13px !important;
    line-height: 22px;
    padding: 10px 5px;
}
.portfolio-box.bottom {
    margin-top: 0px;
}
.portfolio-box {
   margin-bottom: 20px !important;
}
.m-pl-8{
	padding-left:8px !important;
}
.m-pr-8{
	padding-right:8px !important;
}
.m-padd-8{
	padding-left:8px !important;
	padding-right:8px !important;
}

.idx-abtsec {
    padding: 40px 0;
}
.home-abt-text {
    padding: 0px;
}
.idx-vsn-msn .vsn-blk {
    padding: 20px 15px;
    min-height:1px;
}
.idx-vsn-msn .vsn-blk.msn-blk {
     min-height: 1px;
}
.idx-vsn-msn .vsn-blk.goal-blk {
    min-height: 1px;
}
footer .logo {
    width: 130px;
    margin-bottom: 15px !important;
    margin-top: 0px !important;
}

footer .important-link-sec h3 {
     font-size: 18px !important;
     line-height: 25px;
     margin-bottom: 10px !important;
}
footer .social-nav {
    margin: 0px 0 20px !important;
}
footer .site-nav-menu ul {
    padding: 10px 0px !important;
}
footer .site-nav-menu ul li {
    margin: 5px 15px 5px 0px!important;
    padding: 0 0px !important;
}
footer .site-nav-menu ul a {
     font-size: 13px;
}
/* Date 06-06-2023 */
.trending-sec.idx-new-arrival {
    padding:40px 0 20px;
}
/* 
.trending-sec .project-category {
    font-size:.6em;
}
.trending-sec .project-name {
    font-size: .9em;
    margin-bottom: 10px;
    letter-spacing: 0px;
}
.idx-abtsec .main-head span {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 5px;
}
.idx-abtsec .main-head span:after {
    width: 30px;
    height: 1px;
    top: 6px;
    margin: 0 10px;
}
.idx-abtsec  .main-head {
    font-size: 15px !important;
    line-height: 22px !important;
    margin-bottom: 5px !important;
}
.home-abt-text p {
    font-size: 11px !important;
    line-height: 20px;
     margin-bottom: 10px !important;
}

*/
.m-no-padding{
	padding-left:0 !important;
	padding-right:0 !important;
}
.vsn-blk-left .main-head {
  display:none;
}
.vsn-blk-right {
    padding: 20px 15px;
    margin-bottom: 30px !important;
}
.vsn-blk-right h4 {
    font-size: 16px !important;
    line-height: 24px;
}

.vis-img{
	max-width: 100% !important;
	height:auto;
}
.vis-mis-text {
    text-align: justify;
    padding: 30px 0px;
	
}

.contact-img{
	max-width: 100%;
	height:auto;
}

.profile-image-container::before {
    content: ''; 
    position: absolute;
    width: 50px; 
    height: 50px; 
    background-color: #4b4bf9; 
	top: -11px;
    left: -9px;
    z-index: 0;
}

.profile-image-container::after {
    content: ''; 
    position: absolute;
    width: 50px; 
    height: 50px; 
    background-color:#4b4bf9; 
	bottom: -9px;
    right: -10px;
    z-index: 0;
}
.profile-image1 {
	max-width: 100%;
	height:auto;
}
footer .site-nav ul li .icon-outer {
		width: 65px;
}
footer .add-text {
    width: calc(100% - 70px);
}
.banner-bar {
   padding: 50px 0 50px;
}
.banner-bar .banner-content h1 {
   font-size:20px !important;
   line-height:27px;
}
.our-profile-text {
    padding: 20px 0 0;
}
.vis-mis-blk {
     padding:0;
}
.inner-contact-sec {
		padding: 40px 0;
	}
	.contact-info {
		min-height: 1px;
	}
.contact-form {
    padding: 20px 15px;
	margin-top:20px;
}
.join-body.art-appoint .join-form-box {
    padding: 25px 15px 15px;
}
.join-body.art-appoint .join-form-box .btn-sub {
     width: 120px !important;
     min-width: 120px;
}
.artst-bar .social {
    float:left;
	margin-bottom:10px !important;
}
	.artst-bar p.msg-show {
		width: 100%;
		margin-bottom:10px !important;
	}
	header .user-nav ul a.login {
		background: #e1ae1e;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.ipad-nopadding{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	header .user-nav {
		margin: 18px 0px 5px 0;
	}
	header .logo{
		margin-top:0 !important;
	}
	header .logo img {
		max-width: 115px;
	}
	header .logo-fixed-bar .logo img {
		max-width:75px;
	}

	header .user-nav ul a {
		margin-left: 4px;
		padding: 5px 10px 6px;
		font-size: 12px;
		border-radius: 4px;
	}
	.ipad-pleft{
		padding-left:0 !important;
	}
	header .logo {
		padding:8px 0;
	}
	.offer-bar {
		padding: 50px 0 40px;
	}
	header .cont-nav ul a {
		padding: 0px 15px;
		font-size: 12px;
	}
	header .social-nav li {
		padding: 8px 0 !important;
		margin-left: 10px !important;
	}
	header .cont-nav ul a img {
		margin-right: 5px;
		width: 18px;
		filter: brightness(0) invert(1);
	}
	header .cont-nav ul li {
		padding: 8px 0 !important;
	}
	.offer-bar .main-head {
		margin-bottom: 20px !important;
	}
	.portfolio-box {
		margin-bottom: 20px !important;
	}
	.main-head {
		font-size: 27px !important;
		line-height: 36px !important;
		margin-bottom: 10px !important;
	}
	.portfolio-box.bottom {
		margin-top: 20px;
	}
	.idx-new-arrival {
		padding: 50px 0 40px;
	}
	.idx-abtsec {
		padding: 50px 0;
	}
	#bg-text {
		font-size:40px !important;
		top: 20px !important;
	}
	.home-abt-text {
		padding: 30px 0px 0px 10px;
		margin-top: 20px;
	}
	.idx-vsn-msn .vsn-blk {
		padding: 20px 15px;
		min-height: 460px;
	}
	.idx-vsn-msn .vsn-blk h4 {
		font-size: 20px !important;
		border-bottom: 1px solid #fff;
		padding-bottom:10px !important;
		margin-bottom: 10px !important;
	}
	.project-category {
		font-size:.8em;
	}

	.project-name {
		font-size: 1.1em;
		margin-bottom: 5px;
	}
	.product-name {
		font-size: 14px !important;
		line-height: 24px;
		padding: 12px 10px;
	}
	.idx-vsn-msn .vsn-blk.msn-blk {
		min-height: 465px;
	}
	.idx-vsn-msn .vsn-blk.goal-blk {
		min-height: 465px;
	}
	footer .site-nav-menu ul {
		padding: 10px 0px !important;
	}
	footer .site-nav-menu ul li {
		padding: 0 10px !important;
		margin: 8px 8px !important;
	}
	footer .logo {
		width: 200px;
		margin-top: -20px !important;
	}
	footer .site-nav-menu ul a {
		font-size: 12px;
	}
	footer .footer-sec .footer-sec-abt {
		padding: 40px 0 0px;
		padding-right: 30px;
		border-right: 1px solid rgba(0,0,0,.2);
		min-height: 480px;
	}
	footer .footer-sec .footer-sec-abt.footer-cont-last {
		padding: 40px 0 20px;
		padding-left: 30px !important;
	}
	footer .important-link-sec h3 {
		font-size: 17px !important;
		font-weight: 700;
		line-height: 24px;
	}
	/* DAte 06-06-2023 */
	.vsn-blk-left .main-head {
		font-size:40px !important;
		line-height:55px !important;
	}
	footer .footer-sec .footer-sec-abt.footer-cont-last {
		padding: 50px 0 20px;
		padding-left: 40px !important;
	}
	footer .logo {
		width: 160px;
	}
	.main-head span {
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 5px;
	}
	.vsn-blk-right {
		padding: 10px 15px;
		margin-bottom: 20px !important;
	}
	.contact-img{
		min-width: 100%;
		height:auto;
	}
	.banner-bar {
        padding: 70px 0 70px;
	}
	.inner-contact-sec {
		padding: 50px 0;
	}
	.contact-info {
		min-height: 165px;
	}
	.artst-bar p.msg-show span {
		font-size: 16px !important;
		line-height: 24px;
	}
	.artst-bar p.msg-show {
		width: 55%;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.ipad-nopadding{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	header .user-nav {
		margin: 18px 0px 5px 0;
	}
	header .logo img {
		max-width: 100px;
	}
	header .logo {
		padding:0px 0 5px;
	}
	.offer-bar {
		padding: 60px 0 40px;
	}
	.main-head {
		font-size: 36px !important;
		line-height: 45px !important;
		margin-bottom: 15px !important;
	}
	.portfolio-box.bottom {
		margin-top: 30px;
	}
	.idx-new-arrival {
		padding: 60px 0;
	}
	.idx-abtsec {
		padding: 60px 0;
	}
	#bg-text {
		font-size: 50px !important;
		top: 30px !important;
	}
	.home-abt-text {
		padding: 50px 0px 0px 30px;
		margin-top: 20px;
	}
	.idx-vsn-msn .vsn-blk {
		padding: 30px;
		min-height: 422px;
	}
	.idx-vsn-msn .vsn-blk.msn-blk {
		min-height: 422px;
	}
	.idx-vsn-msn .vsn-blk.goal-blk {
		min-height: 422px;
	}
	footer .site-nav-menu ul {
		padding: 10px 0px !important;
	}
	footer .site-nav-menu ul li {
		padding: 0 15px !important;
	}
	/* DAte 06-06-2023 */
	.vsn-blk-left .main-head {
		font-size: 55px !important;
		line-height: 70px !important;
	}
	footer .footer-sec .footer-sec-abt.footer-cont-last {
		padding: 50px 0 20px;
		padding-left: 40px !important;
	}
	footer .logo {
		width: 160px;
	}
	footer .footer-sec .footer-sec-abt {
		padding: 50px 0 30px;
		padding-right: 40px;
		border-right: 1px solid rgba(0,0,0,.2);
		min-height: 414px;
	}
	.contact-img{
		max-width: 100%;
		height:auto;
	}
	.banner-bar {
       padding: 80px 0 80px;
	}
	.artst-bar p.msg-show {
		width: 44%;
		float: left;
	}
}
