/* Custom, iPhone Retina */ 
@media screen and (min-device-width: 320px) and (max-device-width: 481px) { 
 .wrapper, .page, .navigation, .slideshow, .slider, .right-section, .wrapper1, .page1, .left-section, .rightsection1, .page3, .footer, .wrapper1, .page1, .lftctrl{ width:100%;}
 .logo,  #ninja-slider{ display:block;}
 .slideshow{display:none;}
 .foo{ width:100%; text-align:center;}
  .concen{ color:#82ABBF;}
  .page, .page1{background:none !important; height:auto !important; overflow:hidden;}
  .wrapper{ width:96%; padding-left:2%;padding-right:2%; height:auto;}
  .wrapper1{ background:none;}
  img{ max-width:100% !important;}
  #ninja-slider{ border-radius:5px !important; background:#FFFFFF !important;}
    #cssmenu > ul > li > a { font-size:13px !important; background:none !important; width:auto !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; height:auto !important;}
.foosec{ padding:20px 10px !important; width:90% !important;}
 .right-section{ background:#83ADC1 url(../images/bg-mobile.png) center; width:90%; margin:4% 0.3% 1% 0%; float:none; clear:both; padding:10% 4%; border:#000000 3px solid; border-radius:8px; height:auto; overflow:hidden;}
.lftctrl{ background:#FFFFFF url(../images/bg-mobile2.png) center no-repeat; width:88%; padding:5% 4%  !important; float:none; border-radius:8px  !important; margin:0% 2% !important;}
.rightsection1 strong{ text-align:center !important; line-height:24px;}
.rightsection1{ float:none; padding:15px 0px;}
.page3{ padding:15% 0.3% 5%; width:94%; height:auto; overflow:hidden;}
.footer{ clear:both; width:100%; padding:2%;}
.fooctrl{ width:94%; padding:2%;}
.footer a{ padding:2px !important; margin:2px !important;}
.client-page{ background:#83ADC1; margin:0px; padding:15px; margin-left:2%; margin-left:2%;border-radius:5px; width:86%; }
.content-portfolio{ border:#83ADC1 4px solid;border-radius:8px; clear:both; background:#FFFFFF !important; width:90%!important; height:auto!important; overflow:hidden; padding:12px !important; }
.portfolio-left{ width:100%!important; padding:0px !important;}
.title{margin:5% 2% !important; background:#231F20; border-radius:8px 8px 0 0; padding:0px !important; text-align:center !important; margin-bottom:0!important; width:96%;}
.title h2{  font-size:20px !important; float:none !important; padding:10px 10px;}
.right-section ul{ padding-bottom:10px !important;}
.phone{ text-align:center  !important; font-size:22px  !important; float:left !important; width:100% !important; line-height:32px;}
.page3{ display:none;}
.phone a{ float:left;}
.phone b{
	clear:both;
	float:left;

    } 
}

    /* Extra Small Devices, Phones */ 
@media screen and (min-device-width: 481px) and (max-device-width:768px) { 
 .wrapper, .page, .navigation, .slideshow, .slider, .right-section, .wrapper1, .page1, .left-section, .rightsection1, .page3, .footer, .wrapper1, .page1, .lftctrl{ width:100%;}
 .logo,  #ninja-slider{ display:block;}
 .slideshow{display:none;}
  .page, .page1{background:none !important; height:auto !important; overflow:hidden;}
  .wrapper{ width:96%; padding-left:2%;padding-right:2%; height:auto;}
  .wrapper1{ background:none;}
  img{ max-width:100% !important;}
  #ninja-slider{ border-radius:5px !important; background:#FFFFFF !important;}
    #cssmenu > ul > li > a { font-size:13px !important; background:none !important; width:auto !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; height:auto !important;}
	
 .right-section{ background:#83ADC1 url(../images/bg-mobile.png) center; width:90%; margin:4% 0.3% 1% 0%; float:none; clear:both; padding:10% 4%; border:#000000 3px solid; border-radius:8px; height:auto; overflow:hidden;}
.lftctrl{ background:#FFFFFF url(../images/bg-mobile2.png) center no-repeat; width:88%; padding:5% 4%  !important; float:none; border-radius:8px  !important; margin:0% 2% !important;}
.rightsection1 strong{ text-align:center !important; line-height:24px;}
.rightsection1{ float:none; padding:15px 0px;}
.page3{ padding:15% 0.3% 5%; width:94%; height:auto; overflow:hidden;}
.footer{ clear:both; width:100%; padding:2%;}
.fooctrl{ width:94%; padding:2%;}
.footer a{ padding:2px !important; margin:2px !important;}
.client-page{ background:#83ADC1; margin:0px; padding:15px; margin-left:2%; margin-left:2%;border-radius:5px; width:86%; }
.content-portfolio{ border:#83ADC1 4px solid;border-radius:8px; clear:both; background:#FFFFFF !important; width:90%!important; height:auto!important; overflow:hidden; padding:12px !important; }
.portfolio-left{ width:100%!important; padding:0px !important;}
.title{margin:5% 2% !important; background:#231F20; border-radius:8px 8px 0 0; padding:0px !important; text-align:center !important; margin-bottom:0!important; width:96%;}
.title h2{  font-size:20px !important; float:none !important; padding:10px 10px;}
.right-section ul{ padding-bottom:10px !important;}
}
@media screen and (min-device-width: 481px) and (max-device-width:650px) { 
.phone{ text-align:center  !important; font-size:22px  !important; float:left !important; width:100% !important;}
.page3{ display:none;}
 .foo{ width:100%; text-align:center;}
 .concen{ color:#82ABBF;}
.content-portfolio {width:94% !important;}
.portfolio-right{ width:98% !important;}
.photo1{ float:left; width:100% !important;}
.photo1 a{ width:18%; float:left; padding:1%;}
.photo1 a img{ width:100%;}
.photo{ width:18%; float:left; padding:1%}
.photo a{ width:100% !important;}
.photo a img{ width:100% !important;}
.foosec{ margin:10px 0px !important;}
.client-page{ width:90%;}
}
@media screen and (min-device-width: 750px) and (max-device-width:768px) { 
.page3{ padding-left:12px;}
.fooctrl{ padding:15px 10px !important;}
#ninja-slider{width:67% !important; float:left !IMPORTANT;}
.right-section{ width:28% !important; padding:10px 10px !important; float:right !important; margin:0px !important; font-size:13px !important; clear:none !important;}
.right-section ul{ margin:0px !important; padding:0px !important;}
.right-section ul li a{ font-size:13px !important;} 
.right-section ul li{ padding:0px !important;}
.page3{ padding-top:30px !important; padding-bottom:10px !important;}
.footer{padding-top:0px !important;}
.right-section strong{ font-size:12px !important; margin-top:-10px !important;}
.client-page{ width:91.5% !important;}
.content-portfolio{width:95% !important;}
.portfolio-left{width:67% !important; }
.portfolio-right{width:32% !important; padding-right:0px !important;}
.photo1{ width:100% !important;}
.photo1 a{ width:47% !important; float:left !important; padding:1% !important;} 
.photo1 a img{width:100%;}
.photo{ width:100% !important; text-align:center;}
.photo a{ width:47% !important; float:left !important; text-align:center; padding:1% !important;} 
.photo a img{width:100%;}
.foosec{ padding:30px 0px !important;}
.portfolio-left img{width:100%;}
.set50{ width:50% !important; float:left !important; padding:0px !important;}
.set50 a{ width:96% !important; padding:2%;}
}