/*=== HEADER PAGE ===*/
@media screen and (min-width: 1200px) { 
	#nav-btn-mobile,#nav-mobile {  display:none }
	#ServiceDrop {  overflow: hidden;display: none; }
 }

@media screen and (max-width: 1200px) { 
	#nav-btn,#nav,#header-desktop .container-rs {  display:none; }
	#nav-btn-mobile,#nav-mobile {  display:block; }
	#nav-mobile.show .wrapper .container-linkPr .li-rs {  display:inline-block; }
	#nav-mobile .wrapper .container-linkPr ul li {  margin-bottom: 15px; }
	#nav-mobile .wrapper .container-linkPr ul li ul li {  margin-bottom: 5px !important;	margin-left: 20px; }
	#nav-mobile .wrapper .container-linkPr ul li ul li a {  font-size: 19px; }
	#nav-btn-mobile { top: 0; left:0; padding: 15px 0; height: 50px; width: 80px; }
 }
@media (min-width:320px) and (max-width:767px){ 
	#ServiceDrop {  overflow: hidden;display: none; }
	#nav-mobile .wrapper .container-linkPr { padding:110px 25px 30px; }
	#nav-mobile .wrapper .container-linkPr ul { margin: 15px 0; line-height: 25px; }
	#nav-mobile .wrapper .container-linkPr ul li {  margin-bottom: 13px;	 }
	#nav-mobile .wrapper .container-linkPr ul li ul li {  margin-bottom: 5px; margin-left: 15px; }
	#nav-mobile .wrapper .container-linkPr ul li ul li a {  font-size: 17px; line-height: 12px; }
	#nav-mobile .wrapper .container-linkPr ul li a {  font-size: 20px; line-height: 12px; }
 }

/*=== FOOTER PAGE ===*/
@media screen and (max-width: 800px) { 
	footer {  text-align:center; margin-bottom:0px }
	footer .container-logo { position:initial; -webkit-transform:translate(0%,0%); -ms-transform:translate(0%,0%); transform:translate(0%,0%); }
	footer .content {  justify-content: center; flex-flow: row wrap; padding: 20px 0 60px; display: inherit; }
	footer .content .container-xeu {  display:block; width:100%; }
	footer .content .container-xeu .crp { margin-bottom:15px; font-size: 11px; line-height: 25px; }
	footer .content .container-xeu .sep {  display:none; }
	footer .content .container-wrp {  margin-top:15px; }
	footer .visa img {  max-width: 150px; }
	footer .inrLog { position: relative; }
 }
 @media (min-width:320px) and (max-width:767px){
	footer .inrLog { position: relative; }
	footer .content .container-wrp .container-rs { overflow: hidden; display: block; width:100%; }
	footer .content .container-wrp .container-rs a { margin: 0 0 5px; height: auto; display: inline-block; }
	footer p.visa { display: block; }
	footer .ftr-poilet { overflow: hidden; }
	footer .visa i { margin:5px 0 0; }
	footer .ftr-poilet i.trust_icon { transform: scale(.6); margin: 0 0 0 -30px; }
 }

/*=== SERVICE PAGE ===*/
@media screen and (max-width: 1023px) { 
	
	#section-cover.anim h1 > span:nth-child(1) {  -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
	#section-cover.anim h1 > span:nth-child(2) {  -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
	#section-cover.anim .container-text .btn {  -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
	.section-pr-el .el {  width: 750px; }
	.section-pr-el .el .container-text h2:before {  right: auto; top: -22px; height: 3px; width: 40px; }
	.section-pr-el .el .container-text { padding-left: 25px !important; padding-right: 25px !important; }
	#section-work .container-text {  right: 5%; left: 44px;text-align: left; }
	#section-work .container-title {  left: 0; padding-left: 40px; right: 60%; }
	
 }
@media screen and (max-width: 750px) { 

	#section-cover .container-text {  padding-right: 25px; padding-left: 25px; }
	#section-cover .container-text .btn {  margin-top: 75px; }
	#section-cover .obj-1 {  width: 100%; }
	#section-desc {  padding: 50px 0px 15px 0px; }
	#section-desc p {  font-size: 18px; padding-left: 30px; padding-right: 30px; line-height: 28px; width: 100%; }
	.section-pr-el .el {  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: auto; padding: 30px 30px 0px 30px; margin-bottom:0; }
	.section-pr-el .el .container-text .container-link {  margin-top: 30px; 	 }
	.section-pr-el .color-orange, .section-pr-el .color-purple, .section-pr-el .color-green  {  -webkit-box-orient: vertical; -webkit-box-direction: normal;  -ms-flex-direction: column; flex-direction: column; }
	.section-pr-el .color-blue, .section-pr-el .color-pink {  -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	.section-pr-el .el .container-illu {  margin:auto; padding: 0; width: 100%; height: auto; overflow: initial; }
	.section-pr-el .el .container-illu img {  width: calc(100vw - 40px); height: auto; }
	.section-pr-el .el .container-text {  margin-top: 60px; margin-left: initial; margin-right: initial; padding: 0 !important; width: 100%; }
	.section-pr-el .el .container-text h2 {  font-size: 35px; }
	.section-pr-el .el .container-text .slg, 
	.section-pr-el .el .container-text .text {  margin-top: 15px; }
	#section-work { margin-top: 15px;height: 500px; padding-left: 15px !important; margin-bottom:0px !important; text-align: left; padding: 15px 0 15px; }
	#section-work:before { width: 100%; }	
	#section-work .container-obj { right: -150px; }
	#section-work .container-title h2:after { left: 0;top: -15px;height: 3px;width: 40px; }
	#section-work .container-title { top: 25px;left: 30px;padding-left: 0;right: 20%; }
	#section-work .container-text { position: relative;left: 0px;bottom: auto;margin-top: 25px; }
	#section-work .container-text p { font-size: 16px;line-height: 32px;width: 250px; }
	#section-work .container-title .btn-contact { position: relative;margin-top: 50px; }
 }

/*== Home Page ==*/
@media (min-width:320px) and (max-width:767px){ 
	#section-work .container-text .btn p {  line-height: 10px; max-width: 80px; }
	.text-work-h3 {  margin-left: 2%; font-size: 29px !important; }
	.ftr-poilet .parallax-home p {  padding: 0 15px; }
	#section-technologies .container-li ul { margin: 0 !important; }
	#section-team { margin-top: 20px !important; padding: 0; padding-bottom: 0px !important; }
	#section-team .container-text { width: calc(100% - 0px) !important; margin-top: 15px !important; }
	#section-team .container-text .container-caroussel-name .el-name { margin-bottom: 15px !important; padding-left: 32px !important; display: inline-block; }
	#section-team .container-text .container-caroussel-name .el-name .prg { width:34px !important; }
	#termsCondition .container-text h2 { line-height: 28px !important; }
	
	#section-cover { padding: 150px 0 50px; }
	#section-cover h1 { font-size: 28px !important; text-align: center; line-height: 34px !important; }
	.tabPnl li {  display: inline-block; width: 49%; }
	.tabPnl li a {  padding: 10px 5px; font-size: 11px; }
	.pricing .col-md-4 {  width: 100%; }
	
	#section-screens .wrapper-3 .container-title h2 {  color: #000; }
	#section-screens .wrapper-3 .container-title p {  color: #000; }
	#section-screens .wrapper-3 .container-title h2:after { 	background-color: #000;	 }
	#section-cover .content{  width:100%; }
	#section-cover .content .container-text .title { font-size: 20px; line-height: 32px;  }
	#section-details .wrapper {  width: 100%; text-align: center; }
	#section-details .wrapper .container-text-1 {  width: 100%; }
	#section-details .wrapper .container-text-1 .text p{  width: 100%; text-align: center; padding: 0 5px; margin-top: 15px; }
	#section-details .wrapper .container-text-1 .container-title { 	left: 0; transform: rotate(-90deg) translateX(-100%); margin-top: -15px; }
	#section-details .wrapper .container-title h2 { font-size: 30px; }
	#section-details .wrapper .container-text-1 .text { padding:0 10px 0 45px; }
	#section-details .wrapper .container-text-1 .text p { font-size: 18px; line-height: 26px; margin:0;     text-align: left; }
	
}
@media(min-width:1024px) and  (max-width:1300px) { 
	#section-cover .content {  width: 100%; }
	.section-pr-el .el .container-text h2:before {  right: calc(100% + 12px); }
	.tabPnl li a {  font-size: 13px; }
}
@media (min-width:768px) and (max-width:1023px){ 
	.tabPnl li a {  font-size: 13px; padding: 10px 7px; }
	.tabPnl li {  width: 24%; }
}


/*== Services-inner Page ==*/
@media (min-width:320px) and (max-width:767px){ 
	#section-desc h1 {  text-align: center; width: 100%; }
}

/*== Logo Portfolio Page ==*/
@media (min-width:320px) and (max-width:767px){ 
	.port-show {  width: 100%; }
	#section-cover .container-illu .ipad {  width: 150px; }
	#section-cover .container-illu .girl {  width: 80px; }
	#section-cover .container-illu .pen {  width: 100px; }
}
@media(min-width:767px) and (max-width:1023px){ 
	#section-cover .content {  width: 100%; }
	#nav-mobile .wrapper .container-linkPr ul li ul li {  margin-bottom: 10px; margin-left: 15px; }
	footer .content {  justify-content: center; flex-flow: row wrap; margin-top: 30px; padding: 60px 45px; display: inline-flex;width: 100%; }
	footer .content .container-wrp .container-rs {  margin-right:0;  }
}


/*== Pop-Up Form ==*/
@media (min-width:320px) and (max-width:767px){ 
	.formPanel .col-lg-6.lftFrm {   width: 100%; }
	.formPanel .col-lg-6.rytFrm {   width: 100%; }
	.formPanel .lftFrm {  height: auto; padding-top:5%; padding-bottom: 5%; }
	.formPanel .lftFrm h4 {  font-size: 18px; padding: 10px 10px; }
	.formPanel .lftFrm img {  max-width: 100px; }
	.modal .modal-wrapper {  min-height: 100%; }
}