@media (max-width: 1599px) and  (min-width: 1200px)
{
	

  
  
}

@media (max-width: 1365px) and  (min-width: 1200px)
{
  
}
@media (max-width: 1199px)
{
  
}
@media (max-width: 767px) 
{
  .skrollr-item 
  {
	  display:none !important;
  }
  .mobile-hdn
  {
	  display:none !important;
  }
  #screen
  {
	  display:none !important;
  }
  .desktop-hdn
{
	display:block;
}
.h10-mb
{
	height:05px !important;
}
.port-img img
{
	opacity:0.75;
}
/*about us page css */
.header1 {
  
    width: 100%;    
}
.fa1 {
    font-size: 1.32em;
}
.bowl-2 {
    top: -18px;
    left: 30px;
    width: 33px;
    height: 18px;
}
.me {
    position: absolute;
    top: 50px;
    left: 129px;
}
.circle-2 {
    position: absolute;
    top: 5px;
    left: 3px;
    width: 21px;
    height: 21px;
}
.circle-1 {
    position: absolute;
    top: 30px;
    left: 3px;
    width: 21px;
    height: 21px;
    background: #eee;
    border-radius: 50%;
}
.circle::before {
    position: absolute;
    top: 6px;
    left: 7px;
    width: 8px;
    height: 8px;
}
.box {
    position: absolute;
    top: -57px;
    left: 205px;
    width: 26px;
    height: 54px;
}
.bowl {
    position: absolute;
    top: -25px;
    left: 273px;
    width: 40px;
    height: 23px;
}
.fa-file-code-o {
    transform: rotate(-23deg);
    top: -23px;
    left: 7px;
    color: #44149c;
}
.leaf-1 {
   
    width: 18px;
    height: 18px;
}
.service {
    width: 100%
}
.skills .col-sm-4
{
	margin-bottom:25px;
}
.service a {
    position: relative;
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    margin-left: 0px;
    border: 1px solid #b1b1b1;
}
.leaf-2 {
   
    width: 18px;
    height: 18px;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.banner {
    height: 360px;
	    background-image: none;
}
#hands-svg
{
	     width: 150px;
    top: 43%;
    margin-top: -96px;
    margin-left: -98px;
    left: 68%;
}
.leaf-3 {
   
    width: 18px;
    height: 18px;
}
.section-con {
    left: 1px;
    max-width: 100%;
     transform: none;
}
.leaf-4 {
   
    width: 18px;
    height: 18px;
}

.bowl::after {
    position: absolute;
    left: 1px;
    width: 43px;
    height: 21px;
}
.notebook::after {
    position: absolute;
    top: 70px;
    left: -10px;
    width: 120px;
}
.caneta-1 {
    position: absolute;
    top: -20px;
    left: 21px;
    width: 3px;
    height: 20px;
}.notebook {
    position: absolute;
    top: -80px;
    left: 129px;
    width: 99px;
    height: 72px;
}
.caneta-2 {
    position: absolute;
    top: -25px;
    left: 25px;
    width: 3px;
}
.paper-2 {
    position: absolute;
    top: 122px;
    left: 34px;
    width: 27px;
    height: 28px;
}
.book-1 {
    position: absolute;
    top: -15px;
    left: 30px;
    width: 41px;
    height: 12px;
}
.linkedin {
    top: -102px;
    left: 61px;
    color: #3F51B5;
}
.paper {
    position: absolute;
    top: 89px;
    left: 74px;
    width: 31px;
    height: 31px;
}
.coffee {
    position: absolute;
    top: -42px;
    left: 42px;
    width: 20px;
    height: 19px;
}
.smoke {
    position: absolute;
    top: -31px;
    left: 6px;
}
.book-2 {
    position: absolute;
    top: -16px;
    left: 70px;
    width: 32px;
    height: 3px;
}
.book-3 {
    position: absolute;
    top: -19px;
    left: 77px;
    width: 34px;
    height: 3px;
}
.coffee::after {
    position: absolute;
    top: 3px;
    left: -10px;
    width: 13px;
    height: 11px;
}
.copyright
{
	line-height: 21px;
    margin-top: 10px;
}
.ftr-content h2 {
   
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.btn-stylel {
  
  
    line-height: 26px;
    margin-bottom:15px;
    font-size: 30px;
}
/*about css end */

.header__initials {
    
    font-size: 36vh
}








}
@media screen and  (max-width: 767px)and (orientation: landscape){
	
}

/* Ipad  resoinsive css */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
	.skrollr-item
  {
	   display:none  !important;
  }
  .content {
    transform: translate(1%, 0%);
  }
  .header {
   
    margin-top: 0%;
}
.header__initials {
   
    font-size: 36vh;
}
canvas
{
	height: 70vh!important;
}
.pull-right
{
	float:none !important;
}
#hands-svg {
    position: absolute;
    top: 43%;
    margin-top: -96px;
    margin-left: -98px;
    left: 70%;
    width: 140px;
}.skills .col-sm-4
{
	margin-bottom:25px;
}
}
/* Ipad  resoinsive css portait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation: landscape) {
	canvas {
    height: 88vh!important;
}
}






/* Ipad pro resoinsive css */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  {
	canvas {
    height: 70vh;
}
}


/* Ipad pro resoinsive css portait */
@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape)
{
	
}