@media only screen and (max-width: 768px) {
#canv{
display:none;
}
#hello_wor{
margin-top:1px;
padding: 20px
}
#hello_wor>h1{
color: #ffd;
font-family: 'Merriweather', serif;
font-size: 65px;
font-weight: 600;
letter-spacing:normal;
margin-top: 120px;

}
#backgrounds{
background: url("images/saja.jpg") no-repeat fixed 0 0/cover;
background-blend-mode:soft-light;
height: 700px;
}
#nav_bar_mob{
background-color: #C9543B ;
}
#nav_items_mob{
padding:0px 0px 0px 35px;
}
#mob_icons{
width:18px;
height: 18px;
}
#me{
display: none;
}
#abt_me_mob{
position: static;
}
#abt_me_p_m{
padding:13px;
}
#about_me{
padding: 10px 10px 10px 10px;
}
#me_prag{padding-top:0px;}
#abt_inner{padding:20px 12px 0px 12px;}
#skill_col_mob{
padding: 2px 40px 2px 40px;
}
#edu_col_mob{border-bottom:1px solid #C9543B;
border-right:none;}

#pro_carso_mob img{
width: 350px;
height: 300px;
}
#edu_rows_mobi{
margin: 10px 0px 10px 0px;
padding: 6px;
}
}
/*desktop css*/
.loading{
position: fixed;
overflow: hidden;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/title.gif) center no-repeat #fff;

}
.my_name{
-webkit-text-fill-color: transparent;
background-image: url("https://i.gifer.com/L7gL.gif");
-webkit-background-clip: text;
}
.nav_list a:hover {
background-color: RGBA(100,100,100,0.5);
border-radius: 14%;
}
.iccon img:hover{
width:38px;
height: 38px;
}
@import url(https://fonts.googleapis.com/css?family=Merriweather:700);

.background{
position: absolute;
text-align: center;
min-height: 643px;
min-width: auto;
background-color: RGBA(100,100,100,0.2);
left: 0px;
right: 0px;
}
.hello_world{
margin-top:150px;
padding: 20px
}
.hello_world>h1{
color: #ffd;
font-family:'Merriweather', serif;
font-size: 90px;
font-weight: 560;
}
.hello_world>h2{
font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
font-size:40px;
color:#333;y
}
.my_imag{
}
#na-menu{
display: none;
}
.navbar-collapse>ul>li>a{
font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
font-weight:bolder;
font-size: 18px;
color: white;
}
.icons{
width:20px;
height: auto;
}
.navig{
min-height:80px;
}
.me_imgs{padding:6px; display:inline; border-radius:100%; border-bottom:5px solid #C9543B;}
.about_me{

padding:40px 1px 40px 1px;
font-family: Georgia, serif;

}
.me_prag{
padding-top:30px;
}
@import url('https://fonts.googleapis.com/css?family=Yatra+One');
.me-prag-2{
  font-family: 'Yatra One', cursive;
  text-align: center; 
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  word-spacing: 4px;


}

.abt_me_p{
padding:20px 12px 38px 12px;
}
.abt_heading{
border:1px solid #C9543B; padding:10px;
font-weight: 600;
font-size: 22px;
}
.abt_inner{padding:20px;}
.abt_inner_h4{
font-size: 20px;

}
.skill_sub{padding:0px 3px 0px 3px;
font-feature-settings: "smcp", "zero";
font-family: serif;
font-size: 12px;
}
.edu_row{
font-family: Georgia, serif;
padding:12px;
}
.edu_col{
border-right:1px solid #C9543B;
}
.skill_col{padding:12px 104px 2px 104px;}

.edu_rows{
font-family: Georgia, serif;
padding:12px;
margin: 40px 0px 40px 0px;
border-bottom:1px solid grey;
}
.carso_div{
padding: 12px;
border-radius: 5%;
}
.pro_carso>ol>li {
cursor:pointer;
width:16px;
height:16px;
border-radius:100%;
}
.pro_carso>ol>li:hover{
background-color: #C9543B;
}
.pro_carso img{
width: 750px;
height: 460px;
border-radius:10px; }