@media only screen and (min-width : 240px) and (max-width : 319px) {
  .wrapper{width:85%;}
  header{box-shadow:none;}
  .header{padding:20px 0;text-align: center;}
  .logo{float:none;margin: 0 auto;width: 250px;}
  .logo img{width:100%;}
  
  #nav-button{display: none;}
  #nav-list{display: none;}
  #main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-right {float: none;width: 240px;margin: 35px auto 0;}
  
  .caption{top:15%;}
  .caption h1{font-size: 1.2em;}
  .caption h2{font-size: 1.2em;}
  .caption p{display:none;}
  .caption a{padding: 10px 30px;font-size: 12px;margin:10px 0 0 0;}
  
  .home-iso p{padding:0;}
  .home-iso ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .experience-left{width:100%;float:none;margin:0 0 30px 0;}
  .experience-right{position:relative;float:none;width:100%;top:0;}
  .experience-right img{width:100%;}
  
  .services{padding:30px 0;}
  .services p{padding:0;}
  .services ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .bottom-left-wrapper{width:100%;float:none;}
  .bottom-left{padding: 80px 20px;}
  .bottom-right-wrapper{width:100%;float:none;}
  .bottom-right{padding: 80px 20px;}
  .bottom-right h1{background: url("images/element4.png")no-repeat right 15px;}
  .bottom-right ul li{width: 86%;}
  .bottom-right-left{float:none;margin:0 0 25px 0;}
  .bottom-right-right{width:100%;float:none;}
  .viewall{top: 6%;left: 20px;}
  
  .hnewsletter{width: 100%;padding: 30px 0;}
  .hnewsletter input{width: 70%;}
  .hnewsletter input[type="submit"]{margin: 10px 0 0 0;}
  
  .footer{padding:30px 10px;}
  .foot-nav ul li{margin-right: 5px;}
  
  .wow{animation: none!important;}
  
  .breadcrumbs-wrapper{display:none;}
  .inner-banner-text{top:10%;}
  .inner-banner-text h1{font-size: 1.2em;}
  .inner-banner-text h2{font-size: 1.2em;}
  
  .about-page-left{width:100%;margin:0 0 30px 0;}
  .about-page-right{width:100%;}
  
  .solution-left{width:100%;margin:0 0 30px 0;}
  .solution-right{width:100%;}
  
  .partnership-left{width:100%;margin:0 0 30px 0;}
  .partnership-right{width:100%;margin:0 0 30px 0;}
  
  .alignright{width:100%;height:auto;margin:0 0 30px 0;}
  .inner-page h1{font-size: 1.8em;margin:0 0 30px 0;}
  
  .iso{padding: 80px 0 30px 0;}
  
  .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .iso-detail ul li:nth-child(2n) .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail ul li:nth-child(2n) .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservice-right{width:100%;}
  
  .hservices{padding: 80px 0 0 0;}
  .hservices ul li:nth-child(2n) .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservices ul li:nth-child(2n) .hservice-right{width:100%;}
  
  .hblog h1{margin:0 0 30px 0;}
  .hblog-left{width:100%;margin:0 0 30px 0;}
  .hblog-links {bottom: 20px;padding: 0 0 0 20px;width: 210px;}
  .hblog-links ul li:last-child{float:left;}
  .hblog-left p{padding:0;}
  .hblog-bottom ul li{float:none!important;margin: 0 0 10px 0;}
  .addthis_sharing_toolbox {float: none;margin: 10px 0 0 0;}
  .hblog-bottom ul li:last-child{margin:0;padding:0;border:none;}
  
  .hblog-right{width:100%;}
  .bsearch input{width: 85%;}
  
  blockquote{background: #e3ffc4;width: 80%;height: auto;padding: 25px;margin: 0 0 30px 0;}
  blockquote p{margin: 0;}
  
  .element5{display:none;}
  
  .contact-wrapper{padding:30px 0;}
  .contact h1{margin:0 0 30px 0;}
  .contact-left{width:100%;margin:0 0 30px 0;}
  .contact-right{width:100%;}
  .contact-right ul li{width:100%!important;margin:0 0 20px 0;}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .wrapper{width:85%;}
  header{box-shadow:none;}
  .header{padding:20px 0;text-align: center;}
  .logo{float:none;margin: 0 auto;width: 250px;}
  .logo img{width:100%;}
  
  #nav-button{display: none;}
  #nav-list{display: none;}
  #main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-right {float: none;width: 240px;margin: 35px auto 0;}
  
  .caption{top:15%;}
  .caption h1{font-size: 1.2em;}
  .caption h2{font-size: 1.2em;}
  .caption p{display:none;}
  .caption a{padding: 10px 30px;font-size: 12px;margin:10px 0 0 0;}
  
  .home-iso p{padding:0;}
  .home-iso ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .experience-left{width:100%;float:none;margin:0 0 30px 0;}
  .experience-right{position:relative;float:none;width:100%;top:0;}
  .experience-right img{width:100%;}
  
  .services{padding:30px 0;}
  .services p{padding:0;}
  .services ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .bottom-left-wrapper{width:100%;float:none;}
  .bottom-left{padding: 80px 20px;}
  .bottom-right-wrapper{width:100%;float:none;}
  .bottom-right{padding: 80px 20px;}
  .bottom-right h1{background: url("images/element4.png")no-repeat right 15px;}
  .bottom-right ul li{width: 86%;}
  .bottom-right-left{float:none;margin:0 0 25px 0;}
  .bottom-right-right{width:100%;float:none;}
  .viewall{top: 6%;left: 20px;}
  
  .hnewsletter{width: 100%;padding: 30px 0;}
  .hnewsletter input{width: 70%;}
  .hnewsletter input[type="submit"]{margin: 10px 0 0 0;}
  
  .footer{padding:30px 10px;}
  .foot-nav ul li{margin-right: 5px;}
  
  .wow{animation: none!important;}
  
  .breadcrumbs-wrapper{display:none;}
  .inner-banner-text{top:10%;}
  .inner-banner-text h1{font-size: 1.2em;}
  .inner-banner-text h2{font-size: 1.2em;}
  
  .about-page-left{width:100%;margin:0 0 30px 0;}
  .about-page-right{width:100%;}
  
  .solution-left{width:100%;margin:0 0 30px 0;}
  .solution-right{width:100%;}
  
  .partnership-left{width:100%;margin:0 0 30px 0;}
  .partnership-right{width:100%;margin:0 0 30px 0;}
  
  .alignright{width:100%;height:auto;margin:0 0 30px 0;}
  .inner-page h1{font-size: 1.8em;margin:0 0 30px 0;}
  
  .iso{padding: 80px 0 30px 0;}
  
  .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .iso-detail ul li:nth-child(2n) .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail ul li:nth-child(2n) .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservice-right{width:100%;}
  
  .hservices{padding: 80px 0 0 0;}
  .hservices ul li:nth-child(2n) .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservices ul li:nth-child(2n) .hservice-right{width:100%;}
  
  .hblog h1{margin:0 0 30px 0;}
  .hblog-left{width:100%;margin:0 0 30px 0;}
  .hblog-links {bottom: 20px;padding: 0 0 0 20px;width: 210px;}
  .hblog-links ul li:last-child{float:left;}
  .hblog-left p{padding:0;}
  .hblog-bottom ul li{float:none!important;margin: 0 0 10px 0;}
  .addthis_sharing_toolbox {float: none;margin: 10px 0 0 0;}
  .hblog-bottom ul li:last-child{margin:0;padding:0;border:none;}
  
  .hblog-right{width:100%;}
  .bsearch input{width: 85%;}
  
  blockquote{background: #e3ffc4;width: 80%;height: auto;padding: 25px;margin: 0 0 30px 0;}
  blockquote p{margin: 0;}
  
  .element5{display:none;}
  
  .contact-wrapper{padding:30px 0;}
  .contact h1{margin:0 0 30px 0;}
  .contact-left{width:100%;margin:0 0 30px 0;}
  .contact-right{width:100%;}
  .contact-right ul li{width:100%!important;margin:0 0 20px 0;}
}
@media only screen and (min-width : 360px) and (max-width : 640px) {
   .wrapper{width:85%;}
  header{box-shadow:none;}
  .header{padding:20px 0;text-align: center;}
  .logo{float:none;margin: 0 auto;width: 250px;}
  .logo img{width:100%;}
  
  #nav-button{display: none;}
  #nav-list{display: none;}
  #main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-right {float: none;width: 240px;margin: 35px auto 0;}
  
  .caption{top:15%;}
  .caption h1{font-size: 1.2em;}
  .caption h2{font-size: 1.2em;}
  .caption p{display:none;}
  .caption a{padding: 10px 30px;font-size: 12px;margin:10px 0 0 0;}
  
  .home-iso p{padding:0;}
  .home-iso ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .experience-left{width:100%;float:none;margin:0 0 30px 0;}
  .experience-right{position:relative;float:none;width:100%;top:0;}
  .experience-right img{width:100%;}
  
  .services{padding:30px 0;}
  .services p{padding:0;}
  .services ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .bottom-left-wrapper{width:100%;float:none;}
  .bottom-left{padding: 80px 20px;}
  .bottom-right-wrapper{width:100%;float:none;}
  .bottom-right{padding: 80px 20px;}
  .bottom-right h1{background: url("images/element4.png")no-repeat right 15px;}
  .bottom-right ul li{width: 86%;}
  .bottom-right-left{float:none;margin:0 0 25px 0;}
  .bottom-right-right{width:100%;float:none;}
  .viewall{top: 6%;left: 20px;}
  
  .hnewsletter{width: 100%;padding: 30px 0;}
  .hnewsletter input{width: 70%;}
  .hnewsletter input[type="submit"]{margin: 10px 0 0 0;}
  
  .footer{padding:30px 10px;}
  .foot-nav ul li{margin-right: 5px;}
  
  .wow{animation: none!important;}
  
  .breadcrumbs-wrapper{display:none;}
  .inner-banner-text{top:10%;}
  .inner-banner-text h1{font-size: 1.2em;}
  .inner-banner-text h2{font-size: 1.2em;}
  
  .about-page-left{width:100%;margin:0 0 30px 0;}
  .about-page-right{width:100%;}
  
  .solution-left{width:100%;margin:0 0 30px 0;}
  .solution-right{width:100%;}
  
  .partnership-left{width:100%;margin:0 0 30px 0;}
  .partnership-right{width:100%;margin:0 0 30px 0;}
  
  .alignright{width:100%;height:auto;margin:0 0 30px 0;}
  .inner-page h1{font-size: 1.8em;margin:0 0 30px 0;}
  
  .iso{padding: 80px 0 30px 0;}
  
  .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .iso-detail ul li:nth-child(2n) .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail ul li:nth-child(2n) .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservice-right{width:100%;}
  
  .hservices{padding: 80px 0 0 0;}
  .hservices ul li:nth-child(2n) .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservices ul li:nth-child(2n) .hservice-right{width:100%;}
  
  .hblog h1{margin:0 0 30px 0;}
  .hblog-left{width:100%;margin:0 0 30px 0;}
  .hblog-links {bottom: 20px;padding: 0 0 0 20px;width: 210px;}
  .hblog-links ul li:last-child{float:left;}
  .hblog-left p{padding:0;}
  .hblog-bottom ul li{float:none!important;margin: 0 0 10px 0;}
  .addthis_sharing_toolbox {float: none;margin: 10px 0 0 0;}
  .hblog-bottom ul li:last-child{margin:0;padding:0;border:none;}
  
  .hblog-right{width:100%;}
  .bsearch input{width: 85%;}
  
  blockquote{background: #e3ffc4;width: 80%;height: auto;padding: 25px;margin: 0 0 30px 0;}
  blockquote p{margin: 0;}
  
  .element5{display:none;}
  
  .contact-wrapper{padding:30px 0;}
  .contact h1{margin:0 0 30px 0;}
  .contact-left{width:100%;margin:0 0 30px 0;}
  .contact-right{width:100%;}
  .contact-right ul li{width:100%!important;margin:0 0 20px 0;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .wrapper{width:95%;}
  
  #nav-button{display: none;}
  #nav-list{display: none;}
  #main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-right{width: 33%;}
  
  .caption{top: 15%;}
  
  .home-iso p{padding:0;}
  .home-iso ul li{width: 210px;float:none;display:inline-block;margin: 0 30px 30px 0;}
  .home-iso ul li h2 {font-size: 13px;}
  
  .experience-right{position:relative;top:0;float: right;}
  .experience-right img{width:100%;}
  
  .services{padding:30px 0;}
  .services ul li {width: 165px;margin-right: 20px;}
  .services ul li img {width: 100%;}
  
  .bottom-left-wrapper{width:100%;float:none;}
  .bottom-left{padding: 80px 20px;}
  .bottom-right-wrapper{width:100%;float:none;}
  .bottom-right{padding: 80px 20px;}
  .bottom-right h1{background: url("images/element4.png")no-repeat right 15px;}
  .bottom-right ul li{width: 86%;}
  .bottom-right-left{float:left;margin:0 0 25px 0;}
  .bottom-right-right{width:77%;float:right;}
  .viewall{top: 6%;left: 20px;}
  
  .hnewsletter{width: 600px;padding: 30px 0;margin:0 auto;}
  .hnewsletter input{width: 450px;}
  
  .inner-banner-text{top:5%;}
  .bsearch input{width: 80%;}
  
  blockquote{background: #e3ffc4;width: 80%;height: auto;padding: 25px;margin: 0 0 30px 0;}
  blockquote p{margin: 0;}
  
  .element5{display:none;}
  
  .contact-wrapper{padding:30px 0;}
  .contact h1{margin:0 0 30px 0;}
  .contact-left{width:100%;margin:0 0 30px 0;}
  .contact-right{width:100%;}
  .contact-right ul li{width:100%!important;margin:0 0 20px 0;}
}
@media only screen and (min-width : 414px) and (max-width : 767px) {
  .wrapper{width:85%;}
   header{box-shadow:none;}
  .header{padding:20px 0;text-align: center;}
  .logo{float:none;margin: 0 auto;width: 250px;}
  .logo img{width:100%;}
  
  #nav-button{display: none;}
  #nav-list{display: none;}
  #main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-right {float: none;width: 240px;margin: 35px auto 0;}
  
  .caption{top:15%;}
  .caption h1{font-size: 1.2em;}
  .caption h2{font-size: 1.2em;}
  .caption p{display:none;}
  .caption a{padding: 10px 30px;font-size: 12px;margin:10px 0 0 0;}
  
  .home-iso p{padding:0;}
  .home-iso ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .experience-left{width:100%;float:none;margin:0 0 30px 0;}
  .experience-right{position:relative;float:none;width:100%;top:0;}
  .experience-right img{width:100%;}
  
  .services{padding:30px 0;}
  .services p{padding:0;}
  .services ul li{float:none;display:inline-block;margin:0 0 30px 0;}
  
  .bottom-left-wrapper{width:100%;float:none;}
  .bottom-left{padding: 80px 20px;}
  .bottom-right-wrapper{width:100%;float:none;}
  .bottom-right{padding: 80px 20px;}
  .bottom-right h1{background: url("images/element4.png")no-repeat right 15px;}
  .bottom-right ul li{width: 86%;}
  .bottom-right-left{float:none;margin:0 0 25px 0;}
  .bottom-right-right{width:100%;float:none;}
  .viewall{top: 6%;left: 20px;}
  
  .hnewsletter{width: 100%;padding: 30px 0;}
  .hnewsletter input{width: 70%;}
  .hnewsletter input[type="submit"]{margin: 10px 0 0 0;}
  
  .footer{padding:30px 10px;}
  .foot-nav ul li{margin-right: 5px;}
  
  .wow{animation: none!important;}
  
  .breadcrumbs-wrapper{display:none;}
  .inner-banner-text{top:10%;}
  .inner-banner-text h1{font-size: 1.2em;}
  .inner-banner-text h2{font-size: 1.2em;}
  
  .about-page-left{width:100%;margin:0 0 30px 0;}
  .about-page-right{width:100%;}
  
  .solution-left{width:100%;margin:0 0 30px 0;}
  .solution-right{width:100%;}
  
  .partnership-left{width:100%;margin:0 0 30px 0;}
  .partnership-right{width:100%;margin:0 0 30px 0;}
  
  .alignright{width:100%;height:auto;margin:0 0 30px 0;}
  .inner-page h1{font-size: 1.8em;margin:0 0 30px 0;}
  
  .iso{padding: 80px 0 30px 0;}
  
  .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .iso-detail ul li:nth-child(2n) .iso-detail-left{width: 200px;margin: 0 auto;float: none;}
  .iso-detail ul li:nth-child(2n) .iso-detail-right{width:100%;margin:0;text-align:center;}
  
  .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservice-right{width:100%;}
  
  .hservices{padding: 80px 0 0 0;}
  .hservices ul li:nth-child(2n) .hservice-left{width:100%;margin:0 0 30px 0;}
  .hservices ul li:nth-child(2n) .hservice-right{width:100%;}
  
  .hblog h1{margin:0 0 30px 0;}
  .hblog-left{width:100%;margin:0 0 30px 0;}
  .hblog-links {bottom: 20px;padding: 0 0 0 20px;width: 210px;}
  .hblog-links ul li:last-child{float:left;}
  .hblog-left p{padding:0;}
  .hblog-bottom ul li{float:none!important;margin: 0 0 10px 0;}
  .addthis_sharing_toolbox {float: none;margin: 10px 0 0 0;}
  .hblog-bottom ul li:last-child{margin:0;padding:0;border:none;}
  
  .hblog-right{width:100%;}
  .bsearch input{width: 85%;}
  
  blockquote{background: #e3ffc4;width: 80%;height: auto;padding: 25px;margin: 0 0 30px 0;}
  blockquote p{margin: 0;}
  
  .element5{display:none;}
  
  .contact-wrapper{padding:30px 0;}
  .contact h1{margin:0 0 30px 0;}
  .contact-left{width:100%;margin:0 0 30px 0;}
  .contact-right{width:100%;}
  .contact-right ul li{width:100%!important;margin:0 0 20px 0;}
}
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
  
}
@media only screen and (min-width : 1281px) and (max-width : 1432px) {
  

}