@charset "utf-8";
/* CSS Document */
.img-responsive{ display:inline-block;}

@media screen and (min-width: 768px) and (max-width: 991px) {
	 .logo>a>img{ width:100%;}
	 .nav li a {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 6px !important;
    text-transform: uppercase;
	
  }
	.navbar-right {
		float: left !important;
		margin-right: 0px;
	}
	.social_icon {
		float: right;
		margin-top: 20px;
	}
}

@media(max-width:1024px) {

.nav li a{ font-size:13px;}	

}

@media(max-width:360px) {
	.navbar-header{ text-align:center;}
	.navbar-toggle{ float:none;}
	.social_icon {
    float: none;
    margin: 0 auto;
    width: 47%;
}
.logo {
    padding: 5px 0;
}
	 .logo>a>img{ width:100%;}
	 .banner {
    position: relative;
    top: 176px;
    width: 100%;
}
.banner_button {
    height: auto;
    list-style-type: none;
    margin: 0 auto;
    width: 100%;
}
.banner_button li {
    float: left;
    margin: 6px 15% 0 0;
}
.banner_button li:last-child {
    margin: 6px 0 0;
}

.margin_7 {
    margin-top: 0%;
    padding: 200px 0px 50px 0px;
 }
.portal{ text-align:center;padding: 160px 0 0 !important;}
.padding-15{ padding:0px;}
.common_bg {
    background: #262425 none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.ft_rgt {
    float: left;
    text-align: left;
    width: 60%;
}
.main_img{text-align:center; overflow:hidden;}
.sec_head_mrg {
    margin-bottom: 175px;
    margin-top: 50px;
}
.sendsms{margin-bottom: 175px;}

}

@media screen and (min-width: 200px) and (max-width: 599px) {
	.social_icon {
    float: none;
    margin: 0 auto;
    width: 42%;
}
	.navbar-header{ text-align:center;}
	.navbar-toggle{ float:none;}
	 .common_bg {
    background: #262425 none repeat scroll 0 0;
    float: left;
    padding: 0px 0;
    width: 100%;
}
.margin_7 {
   padding: 220px 0 50px;
   margin-top: 0%;
}
.banner {
    position: relative;
    top: 175px;
    width: 100%;
}
.banner_button {
    height: auto;
    list-style-type: none;
    margin: 0px auto;
    width: 68%;
}
.banner_button li {
    float: left;
    margin: 6px 15% 0 0;
}
.banner_button li:last-child {
    margin: 6px 0 0;
}
.portal{ text-align:center;padding: 170px 0px 100px 0px !important;}
.padding-15{ padding:0px;}
.logo{ text-align:center;padding: 5px 0;}
.main_img{text-align:center; overflow:hidden;}
.sendsms{margin-bottom: 85px;}
.sec_head_mrg {
    margin-bottom: 85px;
}

.banner_button{ width:100%;}
.banner_bottom{ height:auto; padding:5px 0;}	
.banner_button li{ margin:0 5% 0 0;}
.banner_button li:last-child{ margin:0 0 0 0;}

}


@media screen and (min-width: 600px) and (max-width: 767px) {
	
	
	.navbar-header{ text-align:center;}
	.navbar-toggle{ float:none;}
	.logo{ text-align:center; padding:5px 0px;}
	.social_icon {
	float:none;
    margin: 0 auto;
    width: 25%;
}
	.portal{ text-align:center;padding: 160px 0 0 !important;}
	.banner {
    position: relative;
    top: 175px;
    width: 100%;
}
	 .margin_7 {
     margin-top: 0%;
    padding: 220px 0px 50px 0px;
}
.banner_button {
    height: auto;
    list-style-type: none;
    margin: 0 auto;
    width: 79%;
}
.ft_hd,.ft_para,.phnno,.ft_ul li {
    
	text-align:center;
}
.ft_rgt {
    float: left;
    text-align: left;
    width: 100%;
}
.ft_img_bg {
    background: #999999 none repeat scroll 0 0;
    border: 2px solid #ffffff;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 108px;
	float:none;
}
.footer-heading{float:none; text-align:center;}
.padding-15{ padding:0px;}
.main_img{text-align:center; overflow:hidden;}
.sec_head_mrg {
    margin-bottom: 175px;
    margin-top: 50px;
}
.sendsms{margin-bottom: 175px;}

.banner_bottom{ height:auto; padding:5px 0;}	
.banner_button li{ margin:0 15% 0 0;}
.banner_button li:last-child{ margin:0 0 0 0;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
	 .main_img{text-align:center; overflow:hidden;}
	 .banner {
    position: relative;
    top: 126px !important;
    width: 100%;
}
	 .banner_button {
    height: auto;
    list-style-type: none;
    margin: 0 auto;
    width: 64%;
}
.logo {
    padding: 46px 0;
}
.social_icon {
    float: right;
    margin: 0 auto;
 }
 .navbar-right {
   
    margin-top: 20px;
}
.main_img{text-align:center; overflow:hidden;}
.common_bg {
	padding: 8px 0px;
}

.nav li a{ font-size:11px!important;}
.banner_bottom{ height:auto; padding:5px 0;}	
.banner_button li{ margin:0 15% 0 0;}
.banner_button li:last-child{ margin:0 0 0 0;}

}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	 .logo>a>img{ width:100%;}
	 .nav li a {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 5px !important;
    text-transform: uppercase;
}
.navbar-right {
    float: left !important;
    margin-right: 0px;
}
.social_icon {
    float: right;
    
}
.social_icon > ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}
.social_icon > ul > li {
    float: left;
    line-height:0px;
    margin: 0 5px;
}
.common_bg {
    
    padding: 32px 0;
    
}
.main_img{text-align:center; overflow:hidden;}





}
@media(min-width:768px) {
    .navbar-default {
        border: 0;
        /*background-color: #131112;*/
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
       /* padding: 10px 0;
        background-color: #222;*/
		opacity:.8;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	.main_img{text-align:center; overflow:hidden;}
}

@media(min-width:768px) {
    section {
        padding: 150px 0;
    }
}
@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}
@media(min-width:768px) {
	.ft_rgt {
    float: left;
    text-align: left;
    width: 44%;
}
.margin_7 {
    margin-top: 18%;
}
.banner {
    position: relative;
    top: 144px;
    width: 100%;
}
    
}

@media(min-width:992px) {
	.ft_rgt {
    float: left;
    text-align: left;
    width: 57%;
}
.banner_button {
    height: auto;
    list-style-type: none;
    margin: 0 auto;
    width: 42%;
}
.margin_7 {
    margin-top: 11%;
}
.banner {
    position: relative;
    top: 100px;
    width: 100%;
}
   
}


@media(min-width:1200px) {
	.ft_rgt {
    float: left;
    text-align: left;
    width: 64%;
}
.margin_7 {
    margin-top:3%;
}
 .main_img{text-align:center; overflow:hidden;} 
}

@media(max-width:980px) {

.portal{padding:200px 0 45px !important}	
	
}



@media(max-width:767px) {

.icon_area{ margin-top:15px;}
.icon_heading{ background:none; margin-bottom:15px;}	
.portal{padding:130px 0 45px !important;}
.pricing_heading, .contact_heading{ margin-top:80px;}
.sendsms{ margin-bottom:50px;}
.receiving_sms{ margin-top:15px;}
.bottom_logo img {margin-bottom:15px;}	
	
}