@media(max-width:1720px){
    .data-inn:before{width: 500px;}
    .data-inn1:before{width: 500px;}
}
@media(max-width:1633px){
    .container{width: 100%;padding: 0 15px;}
    .data-inn:before{width: 400px;}
    .data-inn1:before{width: 400px;}
}
@media(max-width:1400px){
  
    
    
}

@media(max-width:1250px){
    .header_block{width:100%;padding: 0 15px;}
    .top_nav{padding: 0 0 15px 0;}
    .logo {padding: 15px 0;}
    nav{padding: 0;}
    .top_nav ul li {margin: 0 0 0 10px;}
     nav ul li{padding: 10px 10px;}
    .top_nav
   
   
    nav ul li a{font-size: 18px;line-height: 20px;letter-spacing: 0px;}
    .header_block nav ul li a:before{right: -4px;}
     .logo a img{width: 150px;}
    .understand-inn{padding: 0 15px;}
    .footer-blk .logo {padding: 0px 0 34px 0px;}
    
    .footer-blk nav ul li a:before {right: -14px;}
    .footer-blk nav ul li a {letter-spacing: 0px;}
    
    
    .bottom-nav ul li {padding: 10px 0 0 25px;}
    .bottom-nav ul li a{font-size: 15px;}
    .bottom-nav ul li a:before{display: none;}
    .footer-inn{padding: 35px 0 25px 0;}
}


@media(max-width:991px){
    .top_nav ul li{margin: 0 30px 0 0;}
    nav{padding: 0 2px 0 0}
    nav ul li {padding: 9px 9px;}
    nav ul li a{font-size: 16px;}
    .header_block{}
    .bg-inn{top: 15px;}
    .banner-inn{padding: 0 15px;}
    .banner figure img{height:235px;}
    .banner-inn h1 {font-size:30px;line-height:32px;letter-spacing: 0px;}
    .banner p{font-size: 18px;line-height: 22px;letter-spacing: 0px;}
    .sidebar{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #fff;padding: 20px 20px;z-index: 999;}
    .change .sidebar{display: block;overflow: auto;}
    .search{display: none;}
    .sidebar .search{display: block;}
    nav{display: none;width: 100%;text-align: center;padding: 0;float: none;}
    nav ul li{display: block;    float: none;width: 100%;text-align: center;}
    .top_nav ul li {margin: 20px 0px 21px 0;display: block;float: none;text-align: center;}
    nav ul li a{letter-spacing: 0px;}
    .top_nav ul li a{font-size: 16px;line-height: 19px;}
    .top_nav .bg-inn {float: none;position: static;text-align: center;    margin: 0 auto;border-radius: 50px;}
    .top_nav {padding: 0;text-align: center;width: 100%;float: none;}
    .sidebar nav{display: block;}
    .bg-inn{display: none;}
    .sidebar .bg-inn{display: block;}
    .sidebar .top_nav{ display:block;}
    .search{float: none;}
    
    header {height: 88px;}
    .btn_toggle{top: 20px;}
    .logo a img {width: 142px;}
   
.top_nav{ display:none;}
.btn_toggle{display: block;}
.change .btn_toggle span:nth-child(1) {transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
.change .btn_toggle span:nth-child(2) {opacity: 0;}
.change .btn_toggle span:nth-child(3) {top: -20px; transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
nav ul li:hover .dropdown{display: none;}
    .understand h4 {font-size: 25px;line-height: 29px;}   
    .understand p{font-size: 20px;line-height: 23px;}   
    .understand a{font-size: 30px;line-height: 33px;}   
    .data {padding: 0 15px 50px 15px;}
    .data-inn1 {padding: 0 15px 0px 15px;}
    .data2{padding: 0 15px 50px 15px;}
    .data1{padding: 0 0 50px 0;}
    
    
    .support{padding: 0;}
    .understand-blk{margin:0 0 20px 0;}
    .data-rlt1{padding: 0 0 25px 0;}
    .data-inn:before{display: none;}
    .data-inn1:before{display: none;}
    .data-rlt h5{padding: 0 0 10px 0;}
    .data-rlt p{padding: 0 0 15px 0;}
    .banner-blk {margin: 0 0 15px 0;}
    .footer-blk .head_rgt{float: none;}
    .footer-blk .logo{float: none;}
    .footer-blk .header_block{text-align: center;}
    .footer-blk nav ul li a:before{display: none;}
    .footer-blk .logo{padding: 0 0 10px 0;}
    .footer-inn {padding: 15px 0;}
    .table-col.frist{vertical-align: middle;}
    
    .footer-blk .top_nav1{float: none;}
    .bottom-nav{float: none;}
    .bottom-nav ul li a {letter-spacing: 0;}
    
/*   .sticky header{display: none;}*/
}

@media(max-width:767px){
    .network h2{letter-spacing: 0px;}
    .understand figure img{height: 300px;}
    .data-lft{width: 100%;transform: translateY(0px);}
    .data-rlt{width: 100%;transform: translateY(0px);}
    .data-lft figure img{width: 100%;height: auto;margin: 0 0 15px 0;}
    .footer-blk .top_nav ul li{float: none;display: block;padding: 0 0 10px 0;margin: 0;}
    
    
    .table-head .table-col{letter-spacing: 0;width: 25.2%;font-size:16px;}
    .table-col img {margin: 0 0 0px 30px;}
    .table-col{letter-spacing: 0;line-height: 18px;}
    .price p{letter-spacing: 0px;}
    .bottom-nav ul li{display: block;float: none;}
    .footer-blk .top_nav1 ul li{display: block;float: none;padding: 0 0 15px 0;}
    .footer-blk .top_nav1{padding: 0;}
    
 }
@media(max-width:599px){
   .network h2 {font-size: 22px;line-height:25px;}
    .management-lft{width: 100%;}
    .management-rlt{width: 100%;}
     .understand h4 {font-size: 23px;line-height: 25px;letter-spacing: 0px;}   
    .data-rlt h5{font-size: 22px;
    line-height: 26px;letter-spacing: 0px;} 
    .data1{padding: 0 0 0 0;}
    .table-col {padding:10px 5px;vertical-align: middle;font-size: 15px;}
    .table-col img{width:30px;height: auto;}
    .management-rlt p {padding: 0 0 20px 0;}
} 

@media(max-width:480px){
    .table-head .table-col{font-size: 12px;line-height: 15px;}
    .price p {font-size: 12px;line-height: 15px;}
    .table-col img {margin: 0 0 0px 3px;}
    .table-head .table-col {width: 10%;}
    
    
    
}