/*responsive*/
	@media (max-width: 1430px){
		nav ul li {
		    width: 109px;
		}
	  	nav ul li a{
    		padding: 0px 10px;
    		font-size: 14px;
    	}
    	nav ul li a img {
		    padding-left: 5px;
		}
		nav ul li a img {
		    padding-left: 5px;
		}
		.account a{
		    padding: 2px 15px;
		    font-size: 16px;
		}
		.newTicketTxt label{
			width: 15%;
		}
		.replyToTicket label{
			width: 15%;
		}
		.replyToThis{
			width: 15%;
		}
		.explainItem{
			padding: 25px;
		}
		.orderServicesItem img{
			top: -15%;
		}
		.news-content{
			padding: 7% 4%;
		}
		.sizeItem{
			width: max-content;
			padding: 5px 8px;
		}
		.tariffContent .tab .tablinks{
			padding: 15px;
		}
		.workSampleContent .tablinks{
			padding: 10px 15px;
		}
		.cardNum{
			width: 20%;
    		font-size: 14px;
		}
		.payPls{
			font-size: 14px;
		}
		.explainItem{
			width: 30%;
		}
		.designerImage{
			width: 160px;
			height: 160px;
		}
		.triffSub {
		    font-size: 24px;
		}
		.triffTwo .seeSampleBtn, .sizeItem{
			font-size: 10px;
		}
		.language{
			font-size: 14px;
		}
		.logo {
		    width: 120px;
		}
		.servicesItem{
			height: 280px;
		}
		.servicesItem img {
		    top: -10%;
		    width: 80px;
		}
		footer{
			padding: 50px 70px 20px;
		}
		.servicesItem p {
		    font-size: 16px;
		}
		.servicesItem span {
		    font-size: 14px;
		    height: 40%;
		}
		.seeSample{
			width: 66%;
		    padding: 4px 0px 3px;
		}
		.seeSample a{
			font-size: 13px;
		}
		footer .socialNetwork .socialNetworkItem p{
			padding-right: 30px;
			padding-right: 32px;
    		font-size: 13px;
		}
	}
	@media (max-width: 1199px){
		.footerMenuItem p, footer .justify-content-center{
			font-size: 14px;
		}
		footer .col-md-12{
			padding-top: 20px;
		}
		.triffSub {
		    font-size: 22px;
		}
		footer .copyRight{
			font-size: 12px;
			padding-top: 5px;
		}
		nav ul li {
		    width: 115px;
		}
		.payment select{
			width: 70%!important;
		}
		.articleContent p{
			height: 30%;
			line-height: 1.5;
		}
		.triffTwo .seeSampleBtn, .sizeItem{
			margin-bottom: 10px;
		}
		.banerSizes, .costumBanerSizes{
			flex-wrap: wrap;
		}
		.footerMenuItem h5, .footerContactUs h5 {
		    font-size: 22px;
		}
		.explainItem{
			width: 33%;
		}
		.tariffContent .tab .tablinks{
			padding: 15px 10px;
    		cursor: pointer;
		}
		.workSampleContent .tablinks{
			padding: 10px 7px;
		}
		footer .socialNetwork .socialNetworkItem {
		    padding: 10px 7px;
		}
		.designerImage{
			width: 135px;
			height: 135px;
		}
		.footerContactUs .eNamad{
			flex-direction: row;
		}
		.designerName{
			font-size: 16px;
		}
		.footerContactUs .eNamad img{
			width: inherit;
		}
		footer .socialNetwork{
			height: inherit;
		}

		.circle-chart{
			width: 130px!important;
	    	height: 130px!important;
		}
		.statisticProgress .container .box h2{
			font-size: 22px;
		}
		.statisticProgress .container .box p{
			font-size: 16px;
		}
		.statisticProgress .container .box img{
			height: 45px;
		}
		.mainPage .header{
			padding-left: 25px;
		}
		.ibanerBenefits .giffy{
			display: flex;
		}
		a.account{
			font-size: 12px;
		}
		.language {
		    font-size: 12px;
		}
		nav ul li a, .ibanerBenefits li a {
		    font-size: 13px;
		}
		section h4 {
		    font-size: 18px;
		}
		.ibanerBenefits li p{
			padding: 15px;
			height: 130px;
		}
		.commentTxt p{
			font-size: 13px;
		}
		.nameCompany p{
			font-size: 14px;
		}
		.nameCompany{
			text-align: right;
			flex-direction: column;
		}
		.nameCompany p{
			margin-bottom: 0px;
		}
		.nameCompany .dash{
			display: none;
		}
		section h1{
			font-size: 34px;
		}
		.headerText .headerImage{
			width: 210px;
		}
		.headerText .headerImage img{
			width: 100%;
		}
		.servicesItem{
			margin-bottom: 3px;
			padding: 20% 10% 7%;
		}
		.servicesItem span{
			height: 45%;
		}
		.servicesItem p{
			margin-bottom: 0px;
			font-size: 14px;
		}
		.headerText article {
		    background-color: rgba(255,255,255,.60);
		}
		.formImgLeft{
			right: 80%;
		}
		.formImgRight{
			left: 85%;
		}
		.formTxtarea img{
			width: 50%;
		}
		.shortInfo{
			width: 25%;
		}
		.contactUs form {
		    width: 60%;
		}
		.formSend, .formSend:focus{
			padding: 5px 0px 6px;
			font-size: 16px;
		}
	}
	@media (max-width: 1023px) {
		nav ul li {
		    width: 111px;
		}
		nav ul li a {
		    padding: 0px 12px;
		}
		.landingTabContent .landingPreview{
			width: 40%;
		}
		.landingTxtList h5{
			font-size: 20px;
		}
		.landingTxtList ul li{
			font-size: 15px;
		}
		.landingTabContent .landingPreview button, .landingTabContent .landingPreview a{
		    height: 35px;
		}
		.workSampleContent .tablinks {
		    padding: 10px 6px;
		}
		.tab .horizontalLine, .tab:hover .horizontalLine{
			display: none;
		}
		.userNameProfile {
		    font-size: 20px;
		    width: 210px;
		}
	}
	@media (max-width: 991px) {
		.servicesItem img {
		    top: -15%;
		    width: 77px;
		}
		.acountLang{
			width: 100%;
		}
		.news-content {
		    padding: 25% 4%;
		}
		.orderServicesItem img{
			top: -35%;
		}
		.profilePage{
			padding-top: 150px;
		}
		nav ul li a {
		    padding: 0px 12px 5px;
		}
		.logo{
			display: none;
		}
		.cardNum {
		    width: 45%;
		    text-align: center;
		}
		.payToCard p {
		    margin-bottom: 10px;
		}
		.payToCard {
			height: max-content;
			justify-content: center;
		}
		.tariffContent .tab .tablinks, .onlineOrderContent .tab .tablinks {
		    padding: 10px;
		    font-size: 20px;
		}
		iframe{
			width: 100%;
		}
		/*.orderFormFooter button{
			position: absolute;
		    width: max-content;
		    top: 120%;
		    left: 12px;
		    padding: 6px;
		}*/
		.orderFormFooter{
			height: initial;
    		flex-direction: column;
    		padding: 20px;
		}
		.orderFormFooter p{
			margin-bottom: 20px;
			border-left: 0px;
			padding: 0px;
		}
		.payment{
			width: 100%;
			justify-content: space-between;
		}
		.payment select{
			width: 30%!important;
		}
		.serviceMother {
		    padding: 200px 0px 70px;
		}
		.orderDetails{
			flex-direction: column;
		    align-items: flex-start;
		    width: 100%;
		}
		.payToCard{
			font-size: 15px;
			padding: 5px 10px;
		}
		.payment button{
			padding: 5px;
   			width: 30%;
		}
		.payment button p{
			margin-bottom: 0px;
		}
		.pageTitle{
			margin-top: 175px;
		}
		.explainItem{
			padding: 10px;
    		width: 33%;
		}
		.workSampleContent .tablinks {
		    padding: 10px 1px;
		    font-size: 14px;
		}
		.landingTabContent .workSampleItem{
			flex-wrap: wrap;
		}
		.oneDayDelivery p, .openLayerFile p{
			font-size: 14px;
		}
		.shortInfo {
		    width: 28%;
		    font-size: 14px;
		}
		.tabContentHead {
		    width: 65%;
		}
		.afqContent{
			padding: 50px;
		}
		.faQuastion{
			font-size: 16px;
			padding: 10px 20px;
		}
		.fAnswerq{
			font-size: 14px;
		}
		.faQuastion i{
			width: 20px;
		    height: 20px;
		    font-size: 10px;
		}
		.landingItemImage {
		    width: 100%;
		}
		.landingTxtList{
			padding-right: 0px;
		}
		.landingTabContent .landingPreview{
			width: 50%;
		}
	    section h1{
	    	margin-bottom: 50px;
	    }
	    footer .copyRight{
	    	position: relative;
	    }
	    .servicesItem {
		    height: 310px;
		    margin: 20% 0%;
		}
		.ibanerBenefits .lineorange{
			display: none;
		}
		.servicesContent{
			flex-wrap: wrap;
		}
		.logoMenu{
			width: 100%;
			flex-direction: column;
		}
		nav{
			width: 100%;
			margin-top: 10px;
			height: 45px;
		}
		footer .socialNetwork .socialNetworkItem{
			width: 30%;
		}
		footer .col-md-12{
			flex-direction: column;
			align-items: center;
			padding: 0px;
		}
		.footerMenuItem h5, .footerContactUs h5 {
		    font-size: 16px;
		}
		.footerMenuItem a {
		    font-size: 12px;
		}
		.mainPage .header, .internalPage .header{
			flex-direction: column;
			padding: 0px;
		}
		footer {
		    padding: 50px 45px 20px;
		}
		nav ul li{
			flex: 1;
    		justify-content: center;
		}
		.headerText article{
			padding: 23px 20px 22px;
		}
		footer .socialNetwork{
			flex-direction: row;
		}
		.footerContactUs .eNamad {
		    flex-direction: row;
		    margin-top: 20px;
		    justify-content: center;
		}
		footer .footerBot{
			justify-content: space-between;
		}
		.footerContactUs .eNamad img{
			margin: 0px 5px;
		}
		.footerMenuItem{
			margin-top: 20px;
		}
	}
	@media (max-width: 767px) {
	  	.circle-chart {
		    width: 80px!important;
		    height: 110px!important;
		}
		.statisticProgress .container .box h2 {
		    font-size: 15px;
		}
		.statisticProgress .container .box p{
		    font-size: 12px;
		}
		.oneDayDelivery{
			padding-left: 0px;
		}
		.profilePage{
			overflow-x: hidden;
		}
		body .table td {
		    padding: 5px 9px;
		    font-size: 17px;
		}
		.navigation_tabs li:first-child:nth-last-child(5), .navigation_tabs li:first-child:nth-last-child(5) ~ li{
			font-size: 12px;
			margin: 25px;
		}
		.prossesItems{
			width: 100%;
			overflow: hidden;
		}
		.navigation_tabs li:after{
			left: -100%;
		}
		.prossesItems ul{
			display: flex;
			overflow-x: auto;
			margin-top: 0px;
		}
		.postTypeChooseItem{
			width: 50%;
		}
		.onlineOrderContent .tab .tablinks {
		    padding: 3px;
		    font-size: 16px;
		}
		.news-content {
		    padding: 35% 4%;
		}
		.tariffContent .tab .tablinks {
		    font-size: 13px;
		}
		.orderServicesItem img{
			top: -24%;
		}
		.alertorder{
			padding: 5px 0px 5px 10px;			
		}
		.payment select {
		    width: 35%!important;
		}
		.aboutUsContent{
			padding: 60px;
		}
		.formSend{
			width: 35%;
			font-size: 14px;
		}
		.postTypeHeader {
			flex-direction: column;
		}
		.payment button{
			padding: 5px;
		}
		.oneDayDelivery{
			margin-bottom: 10px;
		}
		.forOneDay, .forOpenLayer{
			padding: 120px 20px 20px;
			border-radius: 10px;
		}
		.orderFormFooter p, .cardNum input{
			font-size: 14px;
		}
		.payment img{
			width: 20px;
		}
		.forOneDay h1, .forOpenLayer h1{
			font-size: 20px;
		}
		.oneDayDelivery, .openLayerFile{
			width: 100%;
			border-left: 0px;
		}
		.postTypeHeader, .orderFormFooter, .payToCard{
			border-radius: 10px;
		}
		.statisticProgress .container .box img {
		    height: 30px;
		}
		.workSampleContent .tablinks {
		    padding: 10px 10px;
		    font-size: 12px;
		}
		.clientImage{
			width: 55px;
			height: 55px;
		}
		.shortInfo {
		    width: 30%;
		}
		.servicesItem{
			margin: 10% 0%;
		}
		nav {
		    height: 45px;
		}
		nav ul li a{
			font-size: 12px;
			padding: 0px 10px;
		}
		footer .socialNetwork .socialNetworkItem p{
			font-size: 11px;
			padding-right: 10px;
		}
		footer{
			justify-content: space-around;
		}
		footer .footerBot {
		    flex-direction: column;
		    align-items: center;
		}
		.workSampleContent {
		    padding: 0px;
			display: flex;
			flex-direction: column;
			position: relative;
		}
		.sampleTabInput, .sampleTabInpu:focus{
			position: relative;
		    width: 90%;
		    right: 5%;
		    top: 50px;
		    z-index: 10;
			background-color: #fff!important;
			padding: 10px 20px;
    		align-items: center;
			border: 1px solid #B8B8B8;
			border-radius: 30px;
			background-image: url('../img/32213.png');
			background-repeat: no-repeat;
			background-position: left 20px center;
		}
		.workSampleContent .tab{
			display: none;
		    flex-direction: column;
		    width: 90%;
		    position: relative;
		    z-index: 1;
		    top: 5px;
		    padding-top: 57px;
		    border-radius: 30px 30px 0px 0px;
    		background-color: #F3F3F3;
		    border: 1px solid #eee;
		    -webkit-box-shadow: 0px 13px 32px -11px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 13px 32px -11px rgba(0,0,0,0.25);
			box-shadow: 0px 13px 32px -11px rgba(0,0,0,0.25);
		}
		.workSampleContent .tabcontent{
			padding: 80px 20px;
			margin: 0px;
			border: none;
			width: 100%;
		}
		.workSampleContent .tablinks.active{
			border: none;
		}
		.pageTitle{
			height: 120px;
		}
		.pageTitle h1 {
		    font-size: 24px;
		}
		.edit-profile {
			justify-content: space-evenly;
		}
		.float-right{
			display: flex;
		    justify-content: space-evenly;
		    margin: 20px 0px 0px;
		    order: 2;
		}
	}
	@media (min-width: 576px) {
	  .tariffTabInput, .orderTabInput{
	  	display: none;
	  }
	}
	@media (max-width: 575px) {
		nav{
			margin-top: 0px;
		}
		.navigation_tabs li.tab_active, 
		.navigation_tabs li.tab_inactive, 
		.navigation_tabs li.tab_active a, 
		.navigation_tabs li.tab_inactive a{
			font-size: 12px;
		}
		.onlineOrderContent .tab{
			display: none;
		    background-color: #fff;
		    flex-direction: column;
		    width: 100%;
		    align-items: center;
		    border: 1px solid #ddd;
		    padding: 10px;
		    border-radius: 10px;
		}
		.internalPage section h1, .internalPage section h2, .internalPage section h3{
			margin-top: 0px;
    		padding-top: 0px;
    		font-size: 32px;
		}
		.profilePage .account a{
		    margin-bottom: 20px;
		    font-size: 14px;
		}
		.box-table{
			border-radius: 5px;
		}
		.box-table tr{
			display: flex;
			flex-direction: column;
		}
		body .table td {
		    padding: 5px;
		    font-size: 16px;
		    text-align: center;
		}
		.userNameEdit{
			flex-wrap: wrap;
    		justify-content: space-around;
		}
		.saveName{
			order: 2;
		}
		.orderFactor .modal-dialog{
			max-width: 90%;
		}
		.orderFactor .modal-body {
		    padding: 0rem .7rem 2rem;
		}
		.orderDetailsItem img{
			display: none;
		}
		.detailsItemResault{
			padding-right: 0px;
    		border-right: none; 
		}
		.popUpContentHead{
			padding: 5px;
		    font-size: 18px;
		}
		.orderDetailsItem{
			flex-direction: column;
			padding: 10px;
		}
		.fillForm form input{
			padding: 5px 0px;
			text-align: center;
		}
		.orderTabInput{
			padding: 5px;
			width: 100%;
			border-radius: 20px;
			text-align: center;
			background-image: url(../img/32213.png);
		    background-repeat: no-repeat;
		    background-position: left 20px center;
		}
		.cardNum{
			width: 100%;			
		}
		.yourOrder{
			height: unset;
		}
		.formSend, .formSend:focus{
			width: 40%;

		}
		.profilePage{
			padding-top: 50px;
		}
		.orderFactor .modal-footer{
			justify-content: space-between;
		}
		.orderFactor .modal-footer button{
			padding: 5px 0px;
			width: 46%;
    		margin: 20px 0px 0px 0px;
		}
		.finalCost {
		    margin-top: 80px;
		    padding: 5px 20px;
		}
		.userNameProfile{
			text-align: center;
		}
		.formFooter{
			flex-direction: column;
		}
		.signInForm form input, .registerForm form input, .recoveryForm form input{
			padding: 10px 5px 5px 75px;
		}
		.signInForm form .userName, .registerForm form .userName, .recoveryForm form .userName{
			padding: 10px 60px 10px 5px
		}
		.signInForm h2, .registerForm h2, .recoveryForm h2{
			margin-top: 0px;
			padding-top: 60px;
		}
		.signInImage, .registerImage, .recoveryImage{
			width: 65%;
		}
		.rightFormFooter{
			display: flex;
		    flex-direction: column;
		    align-items: center;
		}
		.formFooter .submit, .leftFormFooter, .recoveryForm form button{
			width: 75%;
			float: none;
		    position: relative;
		    margin: 0 auto;
		}
		.registerForm .rightFormFooter p{
			margin-bottom: 10px;
		}
		body .btn_info{
			padding: 5px 10px;
		}
		body .table th:last-child, body .table td:last-child{
			text-align: center;
		}
		.commentTxt{
			height: max-content
		}
		.commentTxt p {
		    font-size: 18px;
		}
		.footerMenuItem h5, .footerContactUs h5 {
		    font-size: 20px;
		}
		.clientComment h3{
			margin-top: 0px;
			padding-top: 50px;
		}
		.alertorder{
			border-radius: 10px;
		}
		.clientCommentSlider{
			margin-top: 0px;
		}
		.acountLang{
			width: 100%;
    		justify-content: space-between;
		}
		.services h3, .weblog h3 {
		    margin-bottom: 0px;
		}
		.info{
			position: relative;
			margin: 10px auto;
		}
		.account{
			padding-top: 5px;
		}
		.header .account{
			font-size: 14px;
		}
		.edit-profile {
		    flex-direction: column;
		}
		.news-content {
		    padding: 25% 4%;
		}
		.orderServicesItem img{
			top: -11%;
		}
		.navigation_tabs li:first-child:nth-last-child(5), .navigation_tabs li:first-child:nth-last-child(5) ~ li {
		    width: 19%;
		}
		.payment button, .payment select{
			width: 100%!important;
		}
		.oneDayDelivery, .openLayerFile{
			flex-direction: column;
		}
		.pageTitle {
		     margin-top: 60px; 
		}
		.explainItem{
			display: none;
		}
		.serviceMother{
			padding-top: 20px;
			display: none;
		}
		#firstTxt, #thirdTxt{
			width: 100%;
		}
		.orderServicesItem{
			margin-bottom: 20px;
		}
		.onlineOrderContent{
			padding-top: 50px
		}
		.payment{
			flex-direction: column;
		}
		.onlineOrderContent .servicesContent{
			flex-direction: column;
		    align-items: center;
		}
		.tariffTabInput{
			width: 100%;
			padding: 5px;
			border: 1px solid #ddd;
			border-radius: 20px;
			color: #a7a7a7;
			text-align: center;
			background-color: #fff;
			margin-bottom: 20px;
			background-image: url('../img/32213.png');
			background-repeat: no-repeat;
			background-position: left 10px center;
		}
		.tariffTabInput:focus{
			background-color: #fff;
		}

		.onlineOrderContent .tab .tablinks{
			margin: 0px 0px;
			font-size: 16px;
		}
		.payToCard p{
			text-align: center;
		}
		.orderDetails{
			justify-content: center;
			flex-direction: column;
		    width: 100%;
		    margin-bottom: 30px;
			align-items: flex-start;
		}
		.onlineOrderContent .tab span{
			display: none;
		}
	  	.servicesItem {
		    width: 100%;
			padding: 10% 15% 6%;
			margin: 4% 0%;
		}
		.tariffContent{
			padding-top: 50px;
		}
		.ibanerBenefits h3{
			padding-top: 100px;
			padding-bottom: 50px;
		}
		.tariffContent h5{
			border-bottom: 0px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			width: unset;
		}
		.statisticProgress .container .box span{
			font-size: 24px;
			margin-top: 0px;
		}
		.tariffContent .row {
		    margin-bottom: 50px;
		}
		.tariffContent .tab{
			position: absolute;
		    width: 100%;
		    flex-direction: column;
		    background-color: #fff;
		    z-index: 100;
		    display: none;
		}
		.divided {
		    display: flex;
		    align-items: center;
		}
		.divider {
		  flex-grow: 1;
		  border-bottom: 1.5px solid #e3e3e3;
		  margin: 5px;
		}
		.shortInfo{
			right: 0%;
			height: 35%;
			width: 100%;
			flex-direction: row;
			flex-wrap: wrap;
			font-size: 12px;
		}
		.aboutUsContent, .afqContent {
		    padding: 30px;
		}
		.shortInfoItem{
			border-bottom: 0px;
			display: flex;
			align-items: center;
		}
		.shortInfoItem p{
			margin-bottom: 0px;
			padding: 10px 0px;
		}
		.contactUs form input{
			z-index: 10;
		}
		.formImgRight {
		    left: 52%;
		}
		.formTxtarea img{
			z-index: 1;
			bottom: 190%;
		}
		.formImgLeft {
		    right: 48%;
		}
		.contactUs form {
		    width: 90%;
		}
		.services{
			padding: 0px;
		}
		.logoSlider{
			margin-top: 30px;
		}
		.footerContact .footerMenuItem{
			flex-direction: row;
			flex-wrap: wrap;
		}
		.footerContact .footerMenuItem h5{
			width: 100%;
		}
		.footerMenuItem .phone, .footerMenuItem p{
			width: 50%;
			font-size: 16px;
		}
		footer .copyRight{
			font-size: 10px;
		}
		.toolTip{
			position: relative;
			margin: 0 auto;
		}
		.mainPage .header{
			border-bottom: 0px;
		}
		.fillFormTextArea .toolTip{
			bottom: 0px;
			left: 0px;
		}
		.fillForm form{
			margin-right: 0px;
			margin-left: 0px;
		}
		.uploadedFile{
			position: initial;
		}
		.postTypeHeader .toolTip{
			top: 45px;
			left: 0px;
		}
		.ibanerUploadFile{
			padding: 5px 20px;
			width: 100%;
		}
		.postType {
		    margin-bottom: 50px;
		}
		.weblog{
			padding-bottom: 0px;
		}
		section h1{
		    font-size: 26px;
		}
		.newTicketTxt label {
		    width: 40%;
		}
		.mainPage header, .internalPage header{
			position: fixed;
			box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
    		background-color: #fff;
		}
		.internalPage header{
			padding: 0px 15px;
		}
		.workSampleContent {
		    padding: 15px;
		}
		.sampleTabInput, .sampleTabInpu:focus{
			top: 60px;
		}
		.workSampleContent #rendred, .workSampleContent .tabcontent {
		     padding: 30px 0px 0px;
		}
		.headerText h1 {
		    font-size: 20px;
		}
		.servicesItem img{
			top: -10%;
    		width: 85px;
		}
		.servicesItem span {
		    height: 45%;
		}
		.headSlider{
			height: 85vh;
			top: 55px;
		}
		.statisticProgress .container{
			flex-wrap: wrap;
		}
		.statisticProgress .container .box{
			width: 30%;
		}
		.slick-arrow .fa-chevron-left{
			left: 35%;
		}
		.articleContent p{
			font-size: 14px;
			margin-bottom: 0px;
		}
		.ibanerBenefits ul {
		    margin-top: 20px;
		}
		.statisticProgress{
			height: 480px;
		}
		.internalPage .header{
			padding: 0px;
			justify-content: center;
		}
		.articlesItem{
			height: 250px;
    		flex-direction: column;
		}
		.articleContent h5{
			font-size: 13px;
    		line-height: 1.6;
		}		
		.logoMenu{
			box-shadow: 0px -3px 20px rgba(0, 0, 0, 0.05);
			position: fixed;
			bottom: 0px;
			right: 0;
			background-color: rgba(255,255,255,0.95);
		}
		.articleImg{
			width: 100%;
		}
		.articlesItem img{
			height: unset;
			width: 100%;
		}
		.headerText p {
		    font-size: 12px;
		}
		.articleContent{
			width: 100%;
		}
		a.account {
		    padding: 7px 10px 8px;
		}
		footer {
		    padding: 50px 5px 70px;
		}
		.logoMenu .logo{
			display: none;
		}
		nav ul li a svg {
		    width: 15px;
		    padding: 0px;
		}
		nav ul li a{
			width: 100%;
			color: #000;
			font-size: 11px;
		    flex-direction: column;
		    text-align: center;
		    padding: 10px 0px 15px;
		}
		.eNamad, footer .socialNetwork .socialNetworkItem p{
			display: none!important;
		}
		nav {
		    height: 60px;
		}
		footer .socialNetwork .socialNetworkItem{
			width: 50px;
    		height: 50px;
			padding: 10px 5px;
    		border-radius: 30px;
    		display: flex;
    		justify-content: center;
    		margin: 0px 5px;
		}
		.footerMenu{
			order: 2;
		}
		footer .socialNetwork{
			justify-content: center;
    		padding: 0px 20px;
		}
		.footerContactUs{
			order: 1;
		}
		.fooooter{
			order: 3;
		}
		.footerContact{
			order: 3;
			margin-top: 20px;
		}
		.headerText article{
			background-color: rgba(255,255,255,.90);
		}
		.tabContentHead{
			width: 95%;
		}
		.landingTabContent .workSampleItem{
			padding: 5px;
			flex-direction: column;
		}
		.landingTxtList, .landingItemImage {
		    width: 100%;
		}
		.landingTxtList h5 {
		    font-size: 20px;
		}
		.landingTxtList ul li {
		    font-size: 14px;
		}
		.landingTabContent .landingPreview{
			width: 100%;
    		justify-content: flex-end;
		}
		.landingTabContent .landingPreview button {
		    padding: 4px 15px;
		    border: 1px solid #DFDFDF;
		    font-size: 12px;
		    margin-left: 10px;
		}
		.landingTabContent .landingPreview a {
		    padding: 0px 5px;
		}
	}
	@media (max-width: 320px) {
		
	}

	@media (min-width: 420px) and (max-width: 659px) {
	  .container {
	    grid-template-columns: repeat(5, 160px);
	  }
	}

	@media (min-width: 660px) and (max-width: 899px) {
	  .container {
	    grid-template-columns: repeat(5, 160px);
	  }
	}

	@media (min-width: 900px) {
	  .container {
	    grid-template-columns: repeat(5, 160px);
	  }
	}
/*responsive*/