.transit-banner{background-image:url(../images/ip-transit/transit-banner.jpg);background-size:cover}
.banner-listing{width:68%;display:inline-block;vertical-align:top}
.banner-listing li{float:left;width:65%;color:#fff;font-size:16px;text-align:left}
.banner-listing li.item1{width:30%;float:right}
.banner-listing li div{float:left;padding:6px 0;border-bottom:1px solid #3c5766}
.banner-listing li:nth-child(3) div,.banner-listing li:nth-child(4) div{border:none}
.banner-listing li span{font-size:21px}
.transit-banner .filled-btn a{padding:13px 35px 17px}
ul.ip-transit-listing{float:left;width:100%}
ul.ip-transit-listing > li{float:left;width:25%;font-size:16px;line-height:32px;padding:0 0 0 2%;position:relative}
ul.ip-transit-listing > li:before{left:0;top:13px;width:8px;height:8px;content:"";border-radius:100%;position:absolute;background-color:#2eaef3}
.transit-table table td{padding:18px 0;font-size: 18px;}
.transit-table th:first-child{text-align:left;padding-left:10px}
.transit-table td .filled-btn{width:130px;margin:0 auto}
.transit-table td .filled-btn a{padding:10px 0 12px;font-size:18px;line-height:18px}
.default-features ul li .image-holder{background-image:url(../images/ip-transit/sprite.png)}
.transit-icon1{background-position:-0 -0!important}
.transit-icon2{background-position:-96px -0!important}
.transit-icon3{background-position:-0 -96px!important}
.transit-icon4{background-position:-96px -96px!important}
.transit-icon5{background-position:-0 -192px!important}
.transit-locations ul li{float:left;width:23%;color:#2eaef3;font-size:18px;line-height:28px;margin:0 2% 20px 0;background:#fff;border-radius:5px;height:160px;box-shadow:0 0 0 1px #dcdcdc inset}
.transit-locations ul li:hover{box-shadow:0 0 0 1px #dcdcdc inset,2px 2px 0 rgba(220,220,220,0.5)}
.iptransit-con{background:url(../images/ip-transit/ip-transit.jpg) center top no-repeat;background-size:cover}
.map-box{width:100%;margin:0 auto;text-align:center;position:relative}
.link-location{height:27px;width:124px;position:absolute}
.los-angeles-link{left:63px;top:103px}
.dallas-link{left:161px;top:186px;width:83px}
.chicago-link{left:196px;top:100px;width:100px}
.ashburn-link{left:275px;top:180px;width:100px}
.london-link{left:477px;top:44px;width:92px}
.amsterdam-link{right:435px;top:123px}
.Johannesburg-link{bottom:120px;right:343px;width:140px}
.taipei-link{bottom:211px;right:98px;width:81px}
.tokyo-link{bottom:329px;right:40px;width:81px}
.mumbai-link{bottom:253px;right:232px;width:100px}
@media screen and (max-width: 1199px) {
    .transit-table table td:nth-of-type(1):before{content:"Bandwidth"}
    .transit-table table td:nth-of-type(2):before{content:"BGP"}
    .transit-table table td:nth-of-type(3):before{content:"IPv6 and IPv4 connection"}
    .transit-table table td:nth-of-type(4):before{content:"Port Availability at all"}
    .transit-table table td,.transit-table table td:first-child{padding:15px 0 15px 65%}
    .transit-table td .filled-btn{float:left}
    .transit-locations{padding:0 2%}
    .transit-locations ul li{width:49%;height:116px;font-size:18px;margin:0 .5% 10px}
    .banner-listing{width:100%}
    .banner-listing li{width:70%;font-size:16px}
    .map-box img{width:96%;height:auto}
    .los-angeles-link{height:17px;left:48px;top:55px;width:66px}
    .dallas-link{height:14px;left:101px;top:102px;width:45px}
    .chicago-link{left:122px;top:53px;width:53px;height:18px}
    .ashburn-link{height:15px;left:164px;top:98px;width:54px}
    .london-link{height:15px;left:274px;top:23px;width:50px}
    .amsterdam-link{height:14px;right:269px;top:67px;width:66px}
    .Johannesburg-link{bottom:66px;height:16px;right:220px;width:74px}
    .taipei-link{bottom:113px;right:85px;width:43px;height:18px}
    .tokyo-link{bottom:178px;right:51px;width:46px;height:18px}
    .mumbai-link{bottom:137px;right:159px;width:52px;height:18px}
    .map-box{width:650px}
}
@media screen and (max-width: 991px) {
    .banner-listing li{width:55%;margin:0 5% 0 0}
    .banner-listing li div{min-height:64px}
    .banner-listing li.item1{width:40%;margin:0}
    .banner-listing li span{font-size:20px}
    ul.ip-transit-listing > li{width: 50%;}
}
@media screen and (max-width: 767px) {
    .banner-listing li span{font-size:20px}
    .banner-listing{text-align:center}
    .banner-listing li,.banner-listing li.item1{width:100%;float:none;text-align:center;display:inline-block;vertical-align:top}
    .banner-listing li div{width:400px;float:none;display:inline-block;vertical-align:top;min-height:0;}
    .banner-listing li:nth-child(3) div{border-bottom:1px solid #3c5766}
    .transit-locations ul li{height:144px;font-size:16px}
    .faq-box .faq-section li .numericbox{font-size:22px;line-height:44px}
    .map-box{width:500px}
    .link-location{height:13px}
    .los-angeles-link{left:36px;top:43px;width:52px}
    .dallas-link{left:77px;top:77px;width:36px}
    .chicago-link{left:93px;top:41px;width:41px}
    .ashburn-link{left:126px;top:75px;width:42px}
    .london-link{left:211px;top:18px;width:39px}
    .amsterdam-link{right:206px;top:52px;width:52px}
    .Johannesburg-link{height:16px;right:168px;width:58px;bottom:48px}
    .taipei-link{bottom:88px;right:65px;width:35px}
    .tokyo-link{bottom:138px;right:40px;width:35px}
    .mumbai-link{bottom:105px;right:122px;width:42px}
}
@media screen and (max-width: 667px) {
    .map-box{width:480px}
    .los-angeles-link{height:11px;left:35px;top:42px;width:50px}
    .dallas-link{height:11px;left:75px;top:75px;width:35px}
    .chicago-link{left:90px;top:40px;width:38px;height:14px}
    .ashburn-link{height:11px;left:120px;top:73px;width:41px}
    .london-link{height:12px;left:202px;top:16px;width:37px}
    .amsterdam-link{height:12px;right:199px;top:50px;width:49px}
    .Johannesburg-link{bottom:46px;right:161px;width:56px}
    .taipei-link{bottom:84px;right:62px;width:36px;height:14px}
    .tokyo-link{bottom:133px;right:38px;width:36px;height:12px}
    .mumbai-link{bottom:101px;right:116px;width:42px;height:13px}
    .network-banner .blue-btn a{font-size:20px;line-height:20px}
    .network-lt .smallbox1{width:100%;padding:30px 4%;margin:10px 0 0}
    .network-lt .smallbox1 .heading{padding-left:44px}
    .network-lt .angeles-smallbox ul li{width:100%}
}
@media screen and (max-width: 600px) {
    ul.ip-transit-listing{width:100%;text-align:left}
    .transit-features p{font-size:15px}
}
@media screen and (max-width: 480px) {
    .transit-banner .font24{font-size:18px}
    ul.ip-transit-listing > li{width:100%;padding: 0 0 0 4%;}
    .transit-locations ul li{width:100%;min-height:0;padding:10px 0;margin:0 0 10px;height:auto;}
    .map-box{width:320px}
    .link-location{height:10px}
    .los-angeles-link{left:23px;top:26px;width:34px}
    .dallas-link{left:49px;top:49px;width:24px}
    .chicago-link{left:58px;top:26px;width:28px}
    .ashburn-link{height:11px;left:80px;top:47px;width:28px}
    .london-link{left:134px;top:10px;width:26px}
    .amsterdam-link{right:131px;top:32px;width:33px}
    .Johannesburg-link{bottom:31px;right:107px;width:38px}
    .taipei-link{bottom:55px;right:41px;width:23px}
    .tokyo-link{bottom:88px;right:25px;width:22px}
    .mumbai-link{bottom:67px;right:77px;width:27px}
    .transit-table table td { font-size: 16px;}
    .transit-table td .filled-btn a {font-size: 16px;line-height: 16px;}
    .transit-table td .filled-btn {width: 96px;}
}
@media screen and (max-width: 450px) {
    .banner-listing li div{width:100%}
}