* {
    box-sizing: border-box
}

[class*="col-"] {
  width: 100%;
float:left;
display:inline;
}
.mttu {margin:10px;width:80%}
.mobbut{display:none}
.menu1:hover + .mobbut {
  display: block;

}
.menux{opacity:1}
 .menu{display:none}
.backimage{height:250px}
.menu{padding-left:3px}
.menu img{dislay:inline;height:.3in;padding-left:20px}
.menu span{display:none}
.menulnk{padding-left:7%}
.sndimage{position:relative;top:80px;background-color:#01206a;background-image:url(shruthi22.png),url(back.jpg);background-position:right bottom,left top,right bottom;background-repeat: no-repeat,no-repeat;background-size:220px 220px,cover}
.sndimage1{position:relative;top:80px;background-color:#01206a;background-image:url(consulting.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage2{position:relative;top:80px;background-color:#01206a;background-image:url(animation.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage3{position:relative;top:80px;background-color:#01206a;background-image:url(visualization.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage4{position:relative;top:80px;background-color:#01206a;background-image:url(digital-publishing.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage5{position:relative;top:80px;background-color:#01206a;background-image:url(aboutus.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.overimage{position:relative;left:0px;top:-150px;z-index:2}
.matter{position:relative;top:80px;font-size:2.5vw;padding:35px}

@media only screen and (min-width: 700px) {
.menux{opacity:.01}
.mobi{visibility: hidden;}
.matterin{min-height:250px}
.sndimage{position:relative;top:80px;background-color:#01206a;background-image:url(shruthi22.png),url(back.jpg);background-position:right bottom,left top,right bottom;background-repeat: no-repeat,no-repeat;background-size:auto,cover}
.sndimage1{position:relative;top:80px;background-color:#01206a;background-image:url(consulting.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage2{position:relative;top:80px;background-color:#01206a;background-image:url(animation.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage3{position:relative;top:80px;background-color:#01206a;background-image:url(visualization.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage4{position:relative;top:80px;background-color:#01206a;background-image:url(digital-publishing.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.sndimage5{position:relative;top:80px;background-color:#01206a;background-image:url(aboutus.jpg);background-position:left top;background-repeat: no-repeat;background-size:cover}
.backimage{height:400px}
.menu1{display:none}
.overimage{position:relative;left:-300px;top:-50px;z-index:2}
.menu span{display:inline}
.menu img{display:none}
.matter{position:relative;top:80px;font-size:1.5vw;padding:20px}
.mttu {margin:0px}
  .menulnk{ padding-left:8%;
color:#dddddd;font-size:22px;
background-color:#000077;
text-decoration: none;
  }
 .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
.menu {display:block}

}