@media screen and (max-width:1152px){
    .layout{width:98%;}
    .hover-img{width:100%;}
    .gold-subscription ul li{width:320px; margin-right:10px;}

    }
    
@media screen and (max-width:1023px){
.layout{width:98%}	
/*****************mobile Menu************************/
.menu{background:#191919; width:55%; position:fixed; left:-55%;transition:all 0.3s ease-in-out; height:100%; margin:0px; box-sizing:border-box; border-right:2px Green solid;z-index:10000; top:14px}	
.menu ul li{ display:block; width:100%; background:none; display:inline-block; border-bottom:1px #333 solid}	
.menu li a{width:100%;}
.hemburg-menu{margin:5px 0 0 0;display:block}
.hemburg-menu span,.hemburg-menu span:before,.hemburg-menu span:after{ background:Green; content: "";display: block; height: 5px;position: absolute;width: 30px; transition:all 0.4s ease-in-out; right:-35px;}

.hemburg-menu span{top: 5px;}
.hemburg-menu span:after{top: 16px; right:0px}
.hemburg-menu span:before{top: 8px; right:0px}
.menu.slide{left:0px;}
.hemburg-menu.hemb-close span:before{transform:rotate(-45deg)}
.hemburg-menu.hemb-close span:after{transform:rotate(45deg)}
.hemburg-menu.hemb-close span{/*opacity:0; left:-50%;*/ background:none}
.hemburg-menu.hemb-close span:before,.hemburg-menu.hemb-close span:after{top:16px}
.menu ul li a{color:#fff}
/*****************mobile Menu************************/
.right-postion,.right-box,.bottom-box{width:100%; border:none}
.mobile-hide{display:none;}
.header h1{margin-left:35px}
.right-box{margin-top:0px}
.bottom-box p,.right-box p{border:none}
.hover-img,.rights-right,.rights-left,.left-box img{width:100%}
.layout{width:98%}
.hover-img li{font-size:16px}
.carousel ul li{margin:0 0px 25px 0} 
.story ul li,.links2 p{margin:0 5px 0 0}
.social-iocn{width:100%}
.links2 h4,.story ul li h4{font-size:25px}
.links2 p,.story ul li p,.right-box p,.bottom-box p{font-size:12px }
.links2 ul li span img{width:50%}
.outer-settings p,.devices-support h4,.our-team h5,.how-work h6,.our-subscription h6{font-size:35px}
.services{width:100%}
.rights-left p{text-align:left;    font-size: 12px;color: #949494;}
.services li{margin:0px 0 10px 0}
.setting ul li{width:50%}
.center-part{display:none}
.main-left,.main-right{width:50%}
.carousel ul li{width:70%}
.story ul li{width:32%;padding:0 3px 0 0px}
.footer ul li{font-size:18px}
.setting h4{font-size:25px}
.services li{width:70%;margin:10px 0px}
.home-solution{background:url(../images/home-iocn.png) no-repeat 0 0;padding:15px 10px 0 37px}
.business-solutions{background:url(../images/business-solutions-icon.png) no-repeat 0 0 ;padding:15px 10px 10px 40px}
.enterprise-solutions{background:url(../images/satting-icon.png) no-repeat 0 0;padding:15px 0px 10px 30px}
.social-iocn ul li{display:inline-block; float:none;}
}

@media screen and (max-width:480px){
.left-box,.right-box,.right-postion,.bottom-right,.carousel,.story ul li,.links2 ul li{width:100%}
.gold-subscription ul li{width:50%}
.gold-subscription ul li{background-size:caver;width:220px}
.menu-nav h2{line-height:45px}
.bottom-right img{width:100%}
.services li{margin:0px 0 10px 0}
.main-right,.main-left{width:auto;}
.right-box p,.bottom-box p{border:none;    font-size: 12px;}
.carousel,.links2 ul li{margin:0 0 30px}
.story ul li{margin:0px}
.center-menu,.hover-img{float:left;width:100%}
.menu-nav h2{text-align:center;padding:10px 0 0 0}
.devices-support h4,.our-team h5,.how-work h6,.our-subscription h6,.outer-settings p{font-size:34px;}
.carousel ul li{margin:0 0 25px 0}
.social-iocn{width:100%}
.footer ul li{font-size:13px;}
.rights-left p{text-align:left;}
.center-part{display:none}
.outer-settings span img{width:50%}
.right-part{width:100%}
.home-solution{background:url(../images/home-iocn.png) no-repeat 0 0;padding:15px 10px 0 37px}
.business-solutions{background:url(../images/business-solutions-icon.png) no-repeat 0 0 ;padding:15px 10px 10px 40px}
.enterprise-solutions{background:url(../images/satting-icon.png) no-repeat 0 0;padding:15px 0px 10px 30px}
.services{width:100%}
.setting ul li{width:50%}
.setting h4{font-size:14px;    padding: 10px 0 20px;}
.gold-subscription ul li span{padding:20px 0px; font-size:16px;}
.gold-subscription ul li span img{width:60px;}
.gold-subscription ul li{height:320px;}
.gold-subscription ul li{background-size:220px;}
.links2 ul li span{text-align:left;}
.links2 { width: auto; margin: 30px 0 30px 0; padding: 0px 15px;}
.links2 h4{    margin: 30px 0 18px 0px;}
.outer-settings h3 {font-size: 18px;}
.services li {  width: 90%;}
.story ul li h4 {font-size: 22px !important;color: #000;font-weight: 300; margin-bottom: 8px; text-align: center; margin-top: 15px;}
.footer{overflow:hidden;}
.services p {  font-size: 12px;}
.right-part li {font-size: 12px;}



}


@media screen and (max-width:360px){
.left-box img,.main-right, .main-left{width:100%}
.layout{width:98%}
.footer ul li{font-size:14px}

.links2,.bottom-right,.setting ul li,.right-part,.gold-subscription ul li span{width:auto ;}
.menu-nav h2{font-size:25px;text-align:center;padding:10px 0 0}
.hover-img li{font-size:11px}
.dummy{width:100%;margin:0 0 10px 0}
.left-box img{width:100%}
.right-box p,.center-part{border:none}
.bottom-box p{border:none;padding:0px}
.carousel{width:100%;margin:0 0 25px 0}
.bottom-right{width:100%}
.gold-subscription ul li,.links2 ul li{margin-bottom:10px}
.story ul li,.links2 p{margin:0px}
.services li{margin:0 0 10px 0}
.outer-settings p,.devices-support h4,.our-team h5,.how-work h6,.our-subscription h6{font-size:25px}
.right-box p{padding:0px}
.carousel ul li{width:100%;margin:0px 0 25px 0}
.social-iocn{width:90%}
.footer ul li{font-size:14px}
.rights-left p{font-size:13px;text-align:left}
.center-part{display:none}
.main-right,.main-left{width:100%}
.outer-settings h3{font-size:15px}

	
}