@charset "utf-8";
/* CSS Document */


/*

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/


@media (max-width: 575px){ 


.for-desktop{
	display:none;}
	
.for-mobile{
	display:block;}

.header-contact ul li{
	margin:0;}
		
.header-contact ul li:nth-child(2){
	display:none !important;}
	
.mobile-nav{
	display:block;}
	
.bottom-header{
	position:static;}

.logo{
	height:50px;
	line-height:50px;}

.mobile-toggle-slide{
	display:none;}
		
nav{
	padding:20px 0;
	height:auto;
	border-top:1px solid #d0d0d0;}
	
nav ul{
	line-height:normal;
	text-align: center;}

nav ul li{
	margin:0 0 15px 0;
	display:block;}

.mob-nav-btn {
	height:50px;
	line-height:50px;
	text-align:right;}
		
.mob-nav-btn a{
	font-size:20px;
	color:#3094D2;}
	
.flag-selct{
	height: auto;
    line-height: normal;
    text-align: center;}
	
.flag-selct .dropdown-menu{
	left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100px;}
	
.hm-banner{
	height:400px;}

.banner-content h1{
	font-size:30px;}
	
.banner-content h2 {
    font-size: 20px;
    margin-top: 15px;}
	
.common-hdng p{
	width:100%;}
	
.commn-btn{
	margin:30px 0 0 0;
	text-align:center;}
	
.commn-btn a{
	padding:12px 20px;}

.software-text{
	text-align:center;}
		
.software-text ul li{
	display:block;}
	
.list-para-icons{
	margin:auto;
	margin-bottom:20px;
	width:40px;}
	
.list-para-icons img{
	width:100%;}
		
.dis-table{
	display:table;}
	
.dis-bottom{
	display:table-footer-group;}
	
.website-text{
	padding:0 15px;
	text-align:center;}
	
.website-text ul li{
	display:block;}

.app-text{
	text-align:center;}
		
.app-text ul li{
	display:block;}

.quote-sec{
    width: 100%;
    height: auto;
    background: url(../images/quote-bg.png) no-repeat center center;
    background-size: 100%;
    padding: 50px 0;}
		
.quote-sec h3{
	font-size: 20px;
    line-height: 30px;}
	
.contact-form{
	width:100%;}
	
.testimonial-sec .testimonial-slider{
	width:100%;}
	
.news-bx{
	height:300px;}
	
.news-content {
    transform: translateY(90px);}
	
.news-content h4 {
    font-size: 16px;}
	
.news-content h4:after {
    margin: 6px 0 0 0;}
		
.news-content h2 {
    font-size: 20px;
    line-height: 27px;
    margin-top: 7px;
	font-weight:400;}
	
.site-thumb{
	margin-bottom:30px;}
			
.readmore-btn a {
    font-size: 14px;
    padding: 8px 35px;}
	
.footer-logo{
	width:250px;
	margin:auto;}
	
.footer-socail-links{
	margin:20px 0 50px 0;
	text-align:center;}
	
.footer-menu{
	margin-bottom:40px;}
	
/***** Software Page *****/

.inner-banner{
	height:300px;}
	
.inner-banner-content{
	padding:0;}
	
.inner-banner-content h1{
	font-size:25px;}
	
.work-process h3{
	width:100%;}
	
.work-process h3 {
    font-size: 18px;
    line-height: 26px;}
	
.work-process-bx{
	padding:15px;}
	
.wrk-procs-text{
	margin-top:25px;
	text-align:center;}
	
.inner-contact-form{
	padding:50px 0;}
	
.mob-center{
	text-align:center;}
	
.contact-info{
	padding:0;}

.contact-info{
	margin-top:20px;
	text-align:center;}
		
.contact-info h4 {
    font-size: 18px;
    line-height: 25px;}
	
.contact-info p {
	font-size: 20px;
    line-height: 25px;}
	
.tecnologie-blocks{
	margin-top:30px;}
	
.tecnologie-img{
	margin:30px 0;}
		
.tecnologie-bx{
	margin:0 0 20px 0;
	padding:20px 15px;}
	
.how-it-works-sec{
	padding:50px 0;}
	
.hw-it-wrk-bx{
	margin-bottom:30px;}
	
.our-case-study-hedng {
    top: 8px;}
	
.faq-tab li a {
	position:relative;
    font-size: 13px;
    padding: 8px 8px;
	padding-right:40px;}
	
.faq-tab li i{
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	float:none;}
	
.faq-tab li p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom:0;}
	
.back-pattrn {
    padding: 50px 0;}
	
.get-touch h4 {
    font-size: 20px;
    line-height: 27px;
    text-align: center;}
	
.get-touch-btn{
	text-align:center;}
	
.get-touch-btn a {
    font-size: 16px;
    padding: 13px 35px;}
	
/*** App pge ***/

.contact-bx-slide{
	display:none;
	top:76px;}
	
.portfolio-slider{
	width:240px;
	margin:auto;}
	
.iphone-frame img{
	max-width:230px;}
	
.iphone-frame {
    top: -52px;}

.portfolio-slider .owl-carousel .owl-item img {
    width:194px;
    margin:auto;}
	
.portfolio-slider .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 90px !important;}
	
.portfolio-slider .owl-theme .owl-dots .owl-dot span {
	width:15px !important;
	height:15px !important;
    background: #cccccc !important;}
	
.site-page-contact .get-touch-btn{
	text-align:center;}
	
.contcat-details{
	 padding: 30px 0 0 0;}
	 
.swiss-logo{
	float:none;
	margin:30px auto 0;}
	
.wow {
 visibility: visible !important;
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;}
 
.back-to-top {
    right: 20px;
	bottom: 19px;}
	
.bottom-footer p {
    font-size: 12px;}
	
.for-desktop-show{
	display:none;}
	
.for-mobile-show{
	display:block;}	

.tecnologie-box-img{
	margin-top: 20px;
}
.tecnologie-box-img img{
	width: 100%;
}

.software-tecnologie-sec .list-para-icons{
	margin: 9px 15px 0 0;
}

.software-tecnologie-sec .tecnologie-text{
	margin-top: 40px;
}

}

@media screen and (max-width: 767px) and (min-width: 576px){ 

.wow {
 visibility: visible !important;
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;}
 
.back-to-top {
    right: 20px;}

}

@media only screen and (max-device-width: 812px) and (orientation: landscape) {

.block-landscape-view{
	display: block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#2986C6;
	z-index:9999999999;}
	
.msg-content{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);}
	
.phone, .message {
    display: block;}

.phone {
  height: 50px;
  width: 100px;
  border: 3px solid white;
  border-radius: 10px;
  margin:auto;
  animation: rotate 1.5s ease-in-out infinite alternate;}

.message {
  color: white;
  font-size: 1em;
  margin-top: 40px;}
  

@keyframes rotate {
  0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(-90deg)
	}
	100% {
		transform: rotate(-90deg)
	}
}



}

@media (min-width: 1920px){ 

.iphone-frame img {
    width: 443px;
    margin: 0 auto;
    display: block;}
	
.portfolio-sec {
    padding: 50px 0 150px 0;}

#portfolio .center img{
	width: 290px !important;
	margin: 0 auto;
}

	

}