/* Mobile Page */
a:hover,  a:focus {color:#0773ce;}
a:active,a:visited {color:#000;}



/* -------Testimonials-Mobile---------- */
.trestimonials-section{width:90%;margin:0px auto;padding:30px 0px 30px 0px ;}
.trestimonials-section h2{display: block; text-align: center;background:url(../images/icons/title-orange.svg) top center no-repeat transparent;
padding: 30px 0px 5px 0px;}
.trestimonials-section  p{display: block; text-align: center; font-size:1.061rem;font-weight: 400;}


.trestimonials-section .trestimonialsBody{display: flex; margin: 50px 0px 0px 0px;}

/* -------Clients-Section---------- */
.trestimonials-section .trestimonialsBody .clients-section{display: block;width:30%; margin:0px 0px 0px 40px ;}
.clients-section  h3{ display: contents;}
.clients-section .client-audio{width:100%; display: flex;padding:12px 15px 12px 18px ;margin: 20px 0px 0px 0px;}
.clients-section .client-audio .cover{display: block; width: 20%;}
.clients-section .client-audio .cover img{width:100%; display: block; border-radius: 50%;}
.clients-section .client-audio .cover span{position: absolute; width: 30px;margin: 20px 40px 0px 0px;}
.clients-section .client-audio .cover span img{width: 100%; display: block;}
.clients-section .client-audio .control{ width:100%; margin:15px 15px 0px 0px;border:none;}





/* -------MobileDesign---------- */

.mobiledesign-section{width:90%;margin:0px auto;padding:30px 0px 30px 0px ;}
.mobiledesign-section  h2{display: block; text-align: center;background:url(../images/icons/title-blue.svg)top center no-repeat transparent;
padding: 30px 0px 5px 0px;}
.mobiledesign-section p{display: block; text-align: center; font-size:1.061rem;font-weight: 400;}
.mobiledesign-section .mobiledesignBody{display: flex; margin: 50px 0px 0px 0px;}



/* --MobilePortfilio-Section-- */
.mobiledesign-section .mobiledesignBody .mobileportfolio-section{display: block;width:30%; margin:0px 0px 0px 40px;padding: 0px; }
.mobileportfolio-section .portfolioarticle{display: flex;width:100%;}
.mobileportfolio-section .portfolioarticle .mobileportfolioImage{display: block;width:40%;}
.mobileportfolio-section .portfolioarticle .mobileportfolioImage img{display: block;width:100%;margin:0px;height:120px ;
    -webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.mobileportfolio-section .portfolioarticle .mobileportfolioDetails{margin:0px 25px 0px 0px; overflow: hidden;width:60%;}
.mobileportfolio-section .portfolioarticle .mobileportfolioDetails h3{margin:0px 0px 15px 0px;}
.mobileportfolio-section .portfolioarticle .mobileportfolioDetails p{text-align: right; font-size:0.875rem; font-weight:600;}





/* --MobilePortfilio-Links-- */
.mobileportfolio-section .mobileportfolioLinks {display: block; width: 100%;}
.mobileportfolio-section .mobileportfolioLinks p{text-align: right;padding: 20px 0px 15px 0px;font-size:0.875rem; font-weight:600;}
.mobileportfolio-section .mobileportfolioLinks ul{display: block; margin: 0px auto;}
.mobileportfolio-section .mobileportfolioLinks ul li{ display: inline-block; margin: 0px 0px 0px 2px;}
.mobileportfolio-section .mobileportfolioLinks li:last-child{margin: 0px;}
.mobileportfolio-section .mobileportfolioLinks ul li a{ display: flex; padding: 10px 15px 10px 15px;  text-align: right; }
.mobileportfolio-section .mobileportfolioLinks ul li a img{  margin:0px auto; display: block; width: 18px;height:18px; }
.mobileportfolio-section .mobileportfolioLinks ul li a span{  margin:0px 10px 0px 10px; }




/* -------MobileSliders---------- */
.mobileslider-section{width:90%;margin:0px auto;padding:0px 0px 70px 0px ;}
.mobileslider-section .mobilesliderBody{display: flex; margin: 0px 0px 0px 0px;}
/* --SliderPortfilio-Section-- */
.mobileslider-section .mobilesliderBody .sliderportfolio-section{display: block;width:22%; margin:50px 0px 0px 35px;padding: 0px;}

/* --AppSlider-- */
.sliderportfolio-section .appslider{display: block;width:100% ; margin:0px auto;padding: 0px;}
   .mobile-mockup{ position:absolute;width:280px;height:430px ;z-index:10;display: block;background:url(../images/icons/mockup-bg.svg)top center no-repeat transparent;background-size:100% auto ;}
.appslider ul{	margin:0px ;padding: 0;list-style: none;display: block;}
.appslider ul li{text-align: center;width:250px;height:430px ;padding:22px 30px 0px 0px;margin: 0px auto;display: block;float: left;}
.appslider ul li img{width: 100%;height: 100%;display: block; margin:0px auto ;}
.appsliderarrow{ margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; }
.appslider-prev {float: right; margin: -240px 250px 0px 0px; z-index:100;position: absolute;padding:12px 15px 8px 15px ;
 background-color:#f76161 ;  -webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.appslider-prev img{width:14px; height:14px ;   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(179deg) brightness(101%) contrast(104%);}
.appslider-next {float: right;margin-right: 10px;}

/* --tags-slide-- */
.tags-slide {padding:0px 30px 0px 0px !important ; text-align: right !important;}
.tags-slide p{padding: 45px 0px 20px 0px;font-weight: 600;font-size:1.061rem; text-align: center;}
.tags-slide a{ padding:4px; background: #fff4f4;margin: 4px; display: inline-block;}

/* --AppLinks-- */
.sliderportfolio-section .appLinks{display: block;width:100%; margin:0px auto;padding:20px 0px 10px 0px; text-align: center; }
.appLinks h3{ display: block;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.appLinks p{ text-align: center; display: block;}
.appLinks a{ font-weight:400; padding: 4px 20px 4px 20px; margin: 15px 8px 0px 8px; display: inline-block; text-decoration: none;}






/* ------MobileOffers&Gifts-Section------- */
.mobileoffers-section{width:50%;margin:0px auto;padding:60px 20px 20px 20px ; display: block;}
.mobileoffers-section .mobileoffersBody{width:100%;margin:0px auto;padding:0px ; display: flex;}
/* Mobile-Offers */
.mobileoffers-section .mobileoffersBody .mobileoffers{width: 50%; padding:30px;margin: 0px 0px 30px 30px;}
.mobileoffers h3{margin:0px 0px 10px 0px ; display: inline; padding:3px 15px 3px 20px;}
.mobileoffers p{line-height: 1.7;padding: 15px 0px 0px 0px;}





@media (max-width:500px) {




/* -------Testimonials-Section-Mobile---------- */
.trestimonials-section{width:90%;padding:60px 0px 0px 0px ;}
.trestimonials-section .trestimonialsBody{display: block;}
/* -------Clients-Section---------- */
.trestimonials-section .trestimonialsBody .clients-section{display: block;width:100%; margin:35px 0px 0px 0px ;}
.clients-section .client-audio{padding:10px 15px 7px 18px ;margin:12px 0px 0px 0px ;}
.clients-section .client-audio .cover span{margin: 15px 40px 0px 0px;}
.clients-section .client-audio .control{ width:85%; margin:5px 15px 0px 0px;}





/* -------MobileDesign---------- */
.mobiledesign-section{width:90%;padding:100px 0px 0px 0px ;}
.mobiledesign-section .mobiledesignBody{display: block; margin: 60px 0px 0px 0px;}
.mobiledesign-section .mobiledesignBody .mobileportfolio-section{display: block;width:100%; margin:0px 0px 30px 0px;padding:0px 0px 25px 0px;border-bottom:solid 1px #e7e7e7 ;}
.mobileportfolio-section .portfolioarticle .mobileportfolioImage img{height:125px ;}
@media (min-width: 360px) and (max-width: 385px){ 
    .mobileportfolio-section .mobileportfolioLinks ul li{margin: 0px 0px 0px 10px;}
.mobileportfolio-section .mobileportfolioLinks li:last-child{display: none;}

}

/* -------MobileSliders---------- */
.mobileslider-section{width:90%;padding:0px 0px 0px 0px ;}
.mobileslider-section .mobilesliderBody{display: block; }

/* --SliderPortfilio-Section-- */
.mobileslider-section .mobilesliderBody .sliderportfolio-section{display: block;width:100%; margin:0px 0px 0px 0px;padding:30px 0px 20px 0px; border-bottom:solid 1px #e7e7e7 ;}
.mobile-mockup{width:310px;height:450px ;}  
.appslider ul li{width:280px;height:450px ;}
.appslider-prev {float: right; margin: -240px 280px 0px 0px;}
@media (min-width: 410px) and (max-width: 430px){ 
    .mobile-mockup{width:350px;height:490px ;} 
    .appslider ul li{width:320px;height:490px ;}
    .appslider-prev {float: right; margin: -250px 320px 0px 0px;}
    }

/* ------MobileOffers&Gifts-Section------- */
.mobileoffers-section{width:100%;padding:0px 0px 0px 0px ; display: none;}
.mobileoffers-section .mobileoffersBody{display: block;}
.mobileoffers-section .mobileoffersBody .mobileoffers{width: 100%; padding: 20px;margin: 30px 0px 0px 0px;}

}






@media (min-width: 600px) and (max-width: 850px){ 



/* -------Testimonials-Section-Mobile---------- */
.trestimonials-section{width:90%;padding:100px 0px 0px 0px ;}
/* -------Clients-Section---------- */
.trestimonials-section .trestimonialsBody .clients-section{display: block;width:48%; margin:0px 0px 0px 20px ; }
.trestimonials-section .trestimonialsBody .clients-section:nth-child(2){margin:0px 0px 0px 0px ;}
.trestimonials-section .trestimonialsBody .clients-section:nth-child(3){margin:0px 0px 0px 0px ;display: none;}
.clients-section  h3{ display: block;}
.clients-section .client-audio .cover{display: block; width: 20%;}
.clients-section .client-audio .cover span{position: absolute; width: 30px;margin: 10px 40px 0px 0px;}
.clients-section .client-audio .control{ width:100%; border:none;}
@media (min-width: 600px) and (max-width: 770px){ .clients-section .client-audio .control{ width:100%; border:none;margin:0px ;}}





    /* -------MobileDesign---------- */
    .mobiledesign-section{width:90%;margin:0px auto;padding:60px 0px 30px 0px ;}
    .mobiledesign-section .mobiledesignBody{display: block; margin: 50px 0px 0px 0px;}
/* --MobilePortfilio-Section-- */
.mobiledesign-section .mobiledesignBody .mobileportfolio-section{width:100%;margin:0px 0px 30px 0px;padding:0px 0px 25px 0px;border-bottom:solid 1px #e7e7e7 ; }
.mobileportfolio-section .portfolioarticle .mobileportfolioImage{width:30%;}
/* --MobilePortfilio-Links-- */
.mobileportfolio-section .mobileportfolioLinks ul li{ margin: 0px 0px 0px 15px;}
.mobileportfolio-section .mobileportfolioLinks ul li a{  padding: 10px 22px 10px 22px; }

/* -------MobileSliders---------- */
.mobileslider-section{width:90%;padding:0px 0px 0px 0px ;}
.mobileslider-section .mobilesliderBody{flex-wrap: wrap;}

/* --SliderPortfilio-Section-- */
.mobileslider-section .mobilesliderBody .sliderportfolio-section{display: block;width:50%; margin:0px 0px 0px 0px;padding:30px 0px 20px 0px; border-bottom:solid 1px #e7e7e7 ;}
.mobileslider-section .mobilesliderBody .sliderportfolio-section:nth-child(3){flex: none; flex-wrap: nowrap;}
.mobileslider-section .mobilesliderBody .sliderportfolio-section:nth-child(4){flex: none; flex-wrap: nowrap; }

/* ------MobileOffers&Gifts-Section------- */
.mobileslider-section .mobilesliderBody .mobileoffers-section{width:100%;padding:0px 0px 0px 0px ;flex: none; flex-wrap: nowrap;}
.mobileoffers-section .mobileoffersBody{display: flex;}
.mobileoffers-section .mobileoffersBody .mobileoffers{width: 47%; padding: 20px;margin: 30px 0px 0px 30px;}
.mobileoffers-section .mobileoffersBody .mobileoffers:nth-child(2){margin: 30px 0px 0px 0px;}

}


@media (min-width: 1024px) and (max-width: 1280px){ 
 /* -------MobileDesign---------- */
 .mobiledesign-section{width:94%;margin:0px auto;padding:60px 0px 30px 0px ; }
 .mobileslider-section{width:94%;padding:0px 0px 0px 0px ; }

}