@media(max-width:1850px)
{
    .profile_bgcolor{background: url(../images/bgcolor3.png) no-repeat 0 190px;}
}

@media(max-width:1600px)
{
    .slider_grp4{right: 0;}
    .graphic-in{height: 780px;}
}

@media(max-width:1300px)
{
    .container{width: 100%;}
    
}




@media(max-width:1200px)
{
.container{width: 100%;}
    nav ul li{padding:0px 12px 0px 0;}
    .logo_text{/* left:36px; */position: static;float: left;}
    .skills_txt{width: 100%;padding: 30px 15px;}
    .project_txt_in{width: 100%;}
    .about_me{padding: 0;}
    .about_txt{padding: 0 15px;}
    .graphic-in{height: 650px;}
    .graphic-in p{top:-161px;}
    .pop_left{padding: 10px 15px;}
    .human_in h1{font-size: 32px;}
    .pop_sec1 span{right: 40px;}
    .pop_wrapper span{right: 40px;}
}

@media(max-width:1024px){
    #nav-icon2{display:block;    margin: 8px 0 0 0;}
    nav{display:none;position: fixed;top: 56px;left: 0;width: 100%;background: rgba(51, 51, 51, 0.949019607843137);padding: 10px 0;z-index: 2;height: calc(100% - 57px);}
     .wrapper{position:relative; left:0; transition:all 0.5s ease-in-out;  -webkit-transition: .25s ease-in-out;   -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;}
     .open .wrapper{/* left:-250px; */}
      .open .overlay{visibility:visible; opacity:0.6;} 
    nav ul{position: absolute;top:50%;left: 0;width: 100%;transform: translateY(-50%);}
    nav ul li a{font-size: 28px;line-height: 32px;padding: 10px 0 0 0;}
      nav ul li.active{display: none;border-bottom: none;}
       nav ul li{padding: 5px 0px;display:block;float:none;}  
    
    
}

@media(max-width:991px){
    
  .human_in h2{font-size: 25px;}
   .graphic-in{height: 540px;}
    .graphic-in p{left:17%;}
    .card_slider2{right:0;}
       .card_in{height: 525px;}
    .profile_sec{padding: 0 ;}
     .banner span{bottom: 60px;}
    .project_txt{padding: 30px 15px;}
    .profile_in{padding: 40px 15px;}
    .pop_left{/*width: 350px;*/}
     .pop_left h2{font-size: 26px;}
    .pop_left h2 br{display: none;}
    .pop_lt{padding: 0px 10px;}
    .pop_rt1{padding: 0 10px;}
    .pop_wrapper span{right:33px;}
    .pop_sec1 span{right:33px;}
    .pop_left1 h4{display: none;}
     .pop_left h4{display: none;}
    .pop_lt{width: 100%;float: none;}
    .pop_rt{width: 100%;float: none;}
    .pop_lt1{width: 100%;float: none;}
    .pop_rt1{width: 100%;float: none;}
    .pop_bt h2{display: none;}
    
    .pop_left h2{width: 100%;display: block;float: none;}
         .pop_right{width: 100%;float: none;}
     .pop_right1{width: 100%;float: none;}
    .pop_left h2 br{display: none;}
    .pop_bt{float: none;width: 100%;padding: 0px;}
    .pop_bt1{float: none;width: 100%;padding: 0;}
    .pop_left1 h2{width: 100%;display: block;float: none;}
    .pop_lt figure{padding: 0;}
	
	.human_in{bottom:-170px;}
	.human_in h1{margin:0;}
    
        
    
}
@media (max-width: 767px) {
    .project_txt ul li.people_in{width: 56%;}
    .project_txt ul li{padding: 0 16px 18px 0;}
    .profile_bgcolor{background: url(../images/bgcolor3.png) no-repeat 0 140px;}
   .banner_text p{letter-spacing: 1px;}
    header{padding: 10px 22px;}
    .logo_text	a{margin: 0;}
    .card_in{height: 350px;}
    .pop_right{width: 100%;float: none;}
    .pop_left{width: 100%;float: none;padding:0 20px;}
    .pop_sec1{text-align: center;padding: 10px 0 0 0;}
    .pop_left_in{width: 100%;float: none;}
    .pop_rt_in{width: 100%;float: none;padding: 10px 15px;text-align: center;}
    .pop_lt{width: 100%;float: none;}
    .banner span{bottom: 0;}
    .pop_lt figure img{max-width: 90%;}
    .project_in{padding: 0;}
    .por_in ul li{width: 48%;padding: 10px 15px;}
    .project_txt ul li{width: 30%;}
    .human_in figure img{left: 24%;
    top: -248px;}
    .pop_rt1{float: none;}
    .jackson_in ul li{width:43%;}
    .card_in p{left:4%;}
  .graphic-in{height: 415px;}  
    .human_in{width: 100%;left: 0;padding: 0 10px;bottom:-43px;}
    .slick-next{bottom: 0;top: 100%;}
    .radio label{background: url(../images/radio_img1.png) no-repeat left;background-size: 27px;}
     .pop_left{width: 100%;padding: 0 20px;}
     .pop_left1{width: 100%;padding: 0 20px;}
    .human_in h1{font-size: 36px;line-height: 38px;}
    .graphic-in p{left:4%;}
    .text_pop{padding: 20px 0 0 0;}
    .pop_txt1{padding: 30px 0 0 0;}
    .pop_sec1 span{right: 16px;}
    .pop_wrapper span{right:16px;top:5px;}
    .head_txt{max-width: 400px;margin: 0 auto;}
    .head_txt h1{font-size: 28px;line-height: 30px;}
    .head_txt{padding: 10px 0 10px 0;}
.pop_text_p p{color:#000000;font-family: 'Montserrat';padding: 8px 10px 40px 10px;line-height: 29px;font-size: 14px;}

}
@media (max-width: 599px) {
    .project_txt ul li.people_in{width: 50%;}
    .touch_text h1{font-size: 20px;line-height: 22px;padding: 46px 0 20px 0;}
    .about_txt h1{font-size: 28px;padding: 36px 0 20px 0;}
    .project_txt h1{font-size: 20px;line-height: 26px;padding: 2px 0  15px 0;}
    .project_txt h1 br{display: none;}
    .graphic-in{height: 330px;}
    .card_in{height: 320px;}
    .skills_txt{padding: 10px 15px;}
    .approach_txt h1{padding: 0;}
    .approach_txt  h1:before{bottom: 0;}
    .video{padding: 50px 0 50px 0;}
    .approach_txt h1{font-size: 20px;line-height: 22px;}
    .profile_in h2{font-size: 20px;line-height: 26px;}
    .profile_in h2:before{bottom: -9px;}
    .skills_txt h1{font-size: 26px;}
    .human_in h2{font-size: 25px;}
    .card_in p{left:8%;}
    .banner_text h1{font-size: 26px;}
    .banner_text h1 small{font-size: 26px;}
    .approach_in{background: url(../images/bg_mob.jpg) no-repeat bottom left;}
    .jackson_in_text{padding: 75px 0 0 0;}
    .human_in{bottom: -156px;}
    .pop_txt1 h1{font-size: 26px;line-height: 28px;}
    .pop_lt figure{padding: 0;}
    .pop_lt figure img {
    height: 341px;
        width: 336px;}
    .human_in h1{font-size: 26px;line-height: 28px;}
    .skills-in{padding: 0;}
    .approach_in{padding: 30px 15px 20px 15px; }
    #about, #arrow{top:-30px;}
    .pop_txt1 h1{padding: 20px 0 10px 0;}
    .pop_txt1 h1:before{bottom: 7px;}
    .pop_rt1 h2{font-size: 24px;line-height: 26px;}
    .aud_in iframe{width: 80%;height: 300px;}
      .pop_wrapper span{right: 5px;}
    .slide_cnt{min-height: 430px;}
    .slick-slide img{width: 100px;}
     nav ul li a{font-size: 20px;line-height: 22px;padding: 10px 0 0 0;}
    .banner span{bottom: 20px;}
    .pop_sec1 span{right: 6px;}
    .text_pop h1{font-size: 25px;line-height: 27px;}
    .text_pop_in h2{font-size: 18px;line-height: 22px;}
    .human_in h1{margin: 0;}
	.jackson_in{padding-top:115px;}
    .popup_cont{padding: 0;}
    .pop_right figure{padding: 0;}
    .text_pop_in h2{padding: 15px 0 15px 0;}
 
}
@media (max-width: 479px) {
    .graphic-in{height: 240px;}  
    .card_in{height: 200px;}
       .skills_txt h1{font-size: 22px;}
    .pop_lt figure img{width: 150px;height: 150px;}
    .pop_rt1 h2{font-size: 20px;line-height: 22px;}
    .pop_left h2{font-size: 18px;line-height: 22px;}
     .human_in h1{font-size: 20px;line-height: 22px;}
    .project_txt ul li{width: 40%;margin:0 10px;}
    .head_txt h1{font-size: 20px;}
    .head_txt{width: 230px;}
  .profile_bgcolor{background: url(../images/bgcolor3.png) no-repeat 0 100px;}
      .pop_wrapper span{right: 4px;width: 15px;top: 6px;}
      nav ul li a{font-size: 18px;line-height: 40px;padding: 5px 0 0 0;}
    .pop_sec1 span{right: 10px;width: 15px;}
    .human_in{bottom: -210px;}
.jackson_in{padding-top:150px;}
}



@media (min-width: 1025px){
    nav{display: block !important;}
}