@media only screen and (max-width:1700px){
	.slide-img{
		width:30%;	
	}
	
	.slide-data{
		left:12%;	
	}
	
	.service-left-img{
		background-position:right;	
	}
}

@media only screen and (max-width:1400px){
	.top-icon .inr-icon{
		width:100%;
		height:100%;	
	}
	
	.top-icon{
		width:80px;
		height:80px;
	}
	
	.text-icons{
		bottom:0;
	}
	
	.top-head h2{
		font-size:20px;	
	}
	
	.slide-data {
		left: 5%;
	}
	
	.slide-img{
		right:5%;	
	}
	
	.service-col{
		width:90%;
		padding-right:0;	
	}
	
	.service-left-img{
		background-position:-230px center;	
	}
}

@media only screen and (max-width:1200px){
.service-left-img{
		background-position:-250px center;	
	}
}



@media only screen and (max-width:1190px){

    .slide-data h2{

        font-size: 30px;

    }

    .txt-data{

        padding: 20px;

        top: 11%;

    }
	
	.slide-data {
		left: 2%;
	}
	
	.top-icon{
		width:60px;
		height:60px;
	}
    
	.slide-img{
		right:3%;	
	}

}



@media only screen and (max-width:1100px){

    .txt-data {

        top: 5%;

    }

    

    .txt-box-right .txt-data{

        top: 0;

        left: 0;

        float: left;

        position: relative;

        width: 55%;

    }

    

    .txt-box-left .txt-data{

        float: left;

        position: relative;

        top: 0;

        right: 0;

        width: 55%;

    }

}





@media only screen and (max-width:1080px){



    



    .inner-heading h3{

        font-size: 18px;

    }

    

    .inner-heading h3::before {

        font-size: 20px;

        top: 0; 

    }       



    .inner-heading .btn{

        float: left;

        clear: both;

    }
	
	.faq .span-6:first-child{
		margin:0;	
	}

    

}



@media only screen and (max-width:1030px){



    .slide-data h2, .slide-data p{

        width:100%;

    }

    .slide-inner{

        margin-top: 3%;

    }

    

    #footer .btm-cntct{

        width: 86%;

    }

.service-left-img {
    background-position: -330px center;
}

    

}

@media only screen and (max-width:991px){
	.faq .span-6:first-child{
		display:none;	
	}
	
	.faq .span-6{
		width:100%;
		float:left;	
	}
}


@media only screen and (max-width:980px){

	

	.nav-bar{

		width:100%;

	}

	

	.menu-tab {

		cursor: pointer;

		display: block;

		float: right;

		margin: 22px 0;

                width: auto;

	}

	

	

	

	.menu-tab .lines-square {

		border:#3290bd thin solid;

		border-radius: 3px;

		float: left;

		height: 25px;

		margin-right: 5px;

		width: 25px;

	}

	

	.menu-tab .lines-square .lines:first-child {

		margin-top: 5px;

	}

	.menu-tab .lines {

		background: #3290bd none repeat scroll 0 0;

		border-radius: 2px;

		height: 2px;

		margin: 4px auto auto;

		width: 70%;

	}



	

	.menu-tab .menu-txt {

		float: left;

		font-family: "oswald";

		font-size: 18px;

		line-height: 26px;

		text-transform: uppercase;

        color: #fff;

               

	}

	

	.drop-nav{

		display:none;

		clear:both;

		background:rgba(0,0,0,0.8);

	}

	

	.nav{

		float:none;

	}

        

        .main-nav {

            bottom: auto;

            margin-top:0;

            text-align: left;

			width:100%;

        }

	

	ul.nav li{

		float:none;

		display:block;

                margin-left: 0;

	}

	

	ul.nav li a, ul.nav li a.active{

		line-height:40px;

		font-size:15px;

                padding-top:0;

		padding-bottom:0;

                

	}

	

        .nav li a:hover::after, .nav li a.active::after{

            display: none;

        }



        

        .inner-heading-1 h2{

            float: left;

            width: 100%;

        }

        

        .inner-drop{

            position: relative;

        }

		

		.logo{

			position:absolute;

			z-index:10;

		}

		.nav li{

			padding:5px 0;

		}

		

		.text-icons::before, #footer::before{

			height:90px;

			top:-60px;

		}

		

		.inner-products .item{

			width:49%;

		}

		

		.inner-page #footer {

			margin-top: 100px;

		}
		
		.logo img{
			width:70px;	
		}

        .fixed-nav .nav li a{
			padding-top:0;
			padding-bottom:0;	
		}

}



@media only screen and (max-width:950px){





    .slide-data h2 {

         font-size: 25px;

    }

    

   

    



}

@media only screen and (max-width:900px){



    

    .slide-data .btn{

        font-size: 13px;

        padding: 5px 15px;

    }



    .slide-data p{

        font-size: 15px;

    }

	.service-left-img{
		display:none;	
	}
	
	.services-detail-right{
		width:100%;
		float:left;	
	}
	
	.services-detail-right .heading{
		padding-left:2.5%;	
	}
	
	.service-col{
		padding-left:30px;
	}
	
	.service-col h3, .bulk-sms h3{
		font-size:25px;	
	}
	
	.digit{
		font-size: 50px;
		top: -40px;
		left: -10px;	
	}
	
	.bulk-sms .span-6:first-child{
		width:100%;
		margin:0;
	}
	
	.bulk-sms{
		background-image:none !important;	
	}

}



@media only screen and (max-width:850px){

 

    

    .certi-inline{

        width: 30%;

    }

    .certi-thumb{

        height: 200px;

    }

    

	#product-slider .item{

		width:100% !important;

	}
	
	.parallax .span-6{
		width:100%;
		float:left;
	}

	.facts{
		padding:0;
		border:none;	
	}
    

}

@media only screen and (max-width:820px){
	.modal-med-small{
		width:95%;	
	}
}





@media only screen and (max-width:800px){

    



    

    .slide-data p{

        display: none;

    }

	

	.form-center{

		width:100%;

	}

    
	.text-icons{
		position:relative;	
	}
	
	.top-icon .inr-icon {
		background: #3290bd;
	}
	
	.service .span-3 .text-icon-inr {
		border-color: #e5e5e5;
	}
	
	.top-head h2 {
		color: #424951;
		padding-left: 20px;
		font-family: "montserrat";
		font-weight: bold;
	}
	
	.slide-img{
		top:30%;	
	}
	
	.slide-data{
		top:45%;	
	}
	
	.content {
    padding-top: 20px;
}


}



@media only screen and (max-width:780px){



    

    #footer .btm-cntct {

        width: 84%;

    }

	

	.all-prdct img{

		width:100%;

	}

}



@media only screen and (max-width:767px){

	

	.span-3{

		width:100% !important;

		margin:0;

		margin-bottom:30px;

		padding:0;

                margin-right: 0;

                float: left;

	}

        

        #footer .span-3{

            width: 100%;

            padding: 30px 0;

        }

        

        #footer .row{

            width: 50%;

            float: left;

        }

        #footer .span-4{

            min-height: auto;

            margin:20px 0;

            width: 100%;

            border-left: none;

            border-right: none;

            box-sizing: border-box;

            padding: 20px 0;

        }

        #footer .span-3:last-child{

            text-align: left;

        }

        

        .ftr-nav li{

            float: left;

            width: 50%;

        }



 

        

        .top-cntct-detail .cntct-content{

            float: none;

            display: inline-block;

            margin: 0 20px;

        }



        

        #footer .span-3:last-child{

            margin-bottom: 0;

        }

        

        #footer .span-3:last-child  h2.view-rspnsv{

            margin-bottom: 10px;

        }

        .section, .sidebar{

            width: 100%;

            float: left;

        }

        

        .sidebar{

            margin-bottom: 20px;

        }

        



        

        .side-desktop{

            display:none;

        }

        

        .sidebar .side-rspnsv{

            display: block;

            cursor: pointer;

            background:#0290d8 url(../images/arw-dwn.png) no-repeat right; 

            padding: 10px 5px;

            color: #fff;

        }

        

        .side-nav{

            display: none;

        }



        .ftr-logo{

             width: 150px;
			 display:block;
			 margin:0 auto 15px;
			 float:none;

        }

  



        .cntct-dtl h4{

            display: none;

        }

        .top-cntct-detail .cntct-content{

            margin-right: 0 !important;

        }

        

        .rcnt-post{

			display:none;

		}

		

		.blog-col{

			width:100%;

			margin-right:0 !important;

			margin-bottom:20px;

		}

		

		.scroll-table{

			overflow:auto;

			position:relative;

		}

		

		.scroll-table table{

			width:950px;

		}

        
		.span-7, .span-5{
			width:100%;
			float:left;	
		}
		
		.abt-img-right{
			display:none;	
		}
        
		
		.content{
			padding-top:30px;	
		}
        
		.padding-both-sides {
			padding: 10px 0;
		}
		
		.top-left{
			display:none;	
		}


	.top-cntct-detail .cntct-content{
		margin:0 10px;	
	}
	
	.service-col{
		width:97.5%;
		margin:0;
	}
	
	#footer .social{
		width:100%;	
	}
	
	.service-detail{
		width:100%;	
		padding:0 !Important;
	}
	
	.service-img{
		display:none;	
	}
	
	.service-inner-row{
		padding:30px 0;	
	}
	
	.service-inner-row:first-child{
		padding-top:60px;	
	}
	
	.prdct-detail, .prdct-img{
		width:100%;
		padding:0 !important;	
		float:left;
	}
	
	.prdct-img{
		margin-top:25px;	
	}
}







@media only screen and (max-width:730px){

	#footer h2.view-rspnsv{

		display:block;

		width:100%;

		text-align:left;

		padding:0;

		background:url(../images/arw-up.png) no-repeat right;

		cursor:pointer;

	}

        #footer h2.view-desktop{

            display: none;

        }

        

 

	.ftr-nav-drop{

		display:none;

	}

	

	.ftr-nav li{

		display:block;

		margin:0;

		text-align:left;

		text-indent:10px;

	}

        .slide-data h2{

            font-size: 25px;

        }

        

        .span-6{

            width: 100%;

            float: left;

            margin-right: 0;

            margin-bottom: 30px;

        }

        

        .ftr-nav li{

            width: 100%;

        }



        



        

        .parallax{

            padding: 30px 0; 

        }









        .big-prdct-img{

            width: 60%;



            margin-bottom: 20px;

        }

        

        .prdct-details{

            float: left;

            width: 100%;

        }



        #footer .span-3 {

            padding: 0;

        }

        

        .inner-header h1{

            font-size: 20px;

        }

		

		.login-register{

			width:100%;

			box-sizing:border-box;

		}

		.software-section .row{
			padding:10px 0;	
		}

}



@media only screen and (max-width:700px){



    

    .section{

        width: 100%;

        float: left;

    }



    .breadcrums li{

        margin-bottom: 5px;

    }

    .mCSB_horizontal.mCSB_inside > .mCSB_container{

        width:900px !important;

    }

    

    .top-cntct-detail, .top-nav{

        float: left;

		width:100%;

		text-align:center;

    }

	

	.top-nav li{

		float:none;

		display:inline-block;

	}

	

    .txt-ovr-img, .txt-data{

        width: 100% !important;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    
	.top-social{
		display:none;	
	}
    

    

    

}



@media only screen and (max-width:680px){

    .copy{

        width: 100%;

        text-align: center;

    }

    

    #footer .social{

        width: 100%;

        text-align: center;

        margin-top: 10px;

    }

    

    .certi-inline{

        width: 29%;

    }

    .certi-thumb{

        height: 170px;

    }

}







@media only screen and (max-width:640px){

    #footer .row{

        width: 45%;

    }
	
	ul.half-lists li{
		width:100%;
		padding-right:0;	
	}
	
	.modal-small{
		width:95%;	
	}
	
	a.top {
		width: 40px;
		height: 40px;
		line-height: 38px;
	}
	a.top::before {
    line-height: 38px;
}

}



@media only screen and (max-width:600px){

    .mCSB_horizontal.mCSB_inside > .mCSB_container{

        width:900px !important;

    }

    .form-lft, .form-rgt{

        width: 100%

    }

    



    

    .product-box .item {

        width: 47%;

    }



    .slide-inner {

        margin-top: 3%;

    }


	.slide-data {
		top: 35%;
	}


    

    

}



@media only screen and (max-width:500px){

    .big-img{

        width: 100%;

    }

    .txt-block-lft, .txt-block-rgt{

        width: 100%;

        float: left;

    }

    

    .breadcrums{

        display: none;

    }

 

    

}



@media only screen and (max-width:550px){

	.heading h1, .heading h2{

		font-size:30px;

	}



        #home-slider .owl-buttons{

            display: none;

        }

        .slide-data{

            left: 2%;

        }





        .inner-heading h3{

            font-size: 20px;

        }

        .inner-heading h3::before {

            top: -2px;

        }

        

        .top-cntct-detail{

            width: 100%;

        }

        

      

      

    

        .heading h1, .heading h2 {

            font-size: 25px;

        }

        

        .txt-data h2 {

            font-size: 20px;

        }

        

        .certi-inline{

            width: 45%;

        }

        

        .certi-thumb{

            height: 150px;

        }

        

        .span-5, .span-7{

            width: 100%;

        }

        


		

		.cart-ttl-tble{

			width:100%;

		}

	#header{
		position:relative;
		background:#424951;	
		float:left;
		width:100%;
		top:0;
	}

        #header .clear{
			display:none; 	
		}
		
		.drop-nav{
			background:none;	
		}
		
		.slide-img{
			display:none;	
		}
		
		.slide-data{
			width:100%;
			text-align:center;	
			left:0;
			top:21%;
		}
		
		.slide-data .btn{
			display:inline-block;
			float:none;	
		}
		
		.slide-data h4, .slide-data h2, .slide-data .slide-btn{
			width:100%;
			float:left;	
		}
		
		   .inner-header{

        padding: 30px 0;

    }

}





@media only screen and (max-width:480px){





	

	.form-group, .form-group-inline .form-group{

		width:98%;

	}

        

        .inner-heading-1 h2{

            font-size: 21px;

        }



        .form-group .form-group-inline{

            width: 100%;

        }

        

        .form-group .form-group-inline:last-child{

            float: left;

            margin-top: 15px;

        }

        

        .form .form-group .btn{

            width: 100%;

            margin-bottom: 5px;

        }

        

        .form-group .inpt textarea{

            width: 98%;

        }




        .inner-links li {

            width: 100%;

            display: block;

        }
		
		.fact-col{
			width:100%;	
		}
		
		.facts h2{
			font-size:40px;	
		}
		.welcome-msg, #welcome-form .form{
			width:100%;
			float:left;	
		}
		
		a.top {
    right: 20px;
	bottom:20px; 
}

}



@media only screen and (max-width:440px){

    



    .side-img{

        width: 100%;

        float: left;

        margin-left: 0;

    }

    

      #footer .row {

        width: 100%;

    }

    

.text-icons::before, #footer::before {

    height: 30px;

    top: -30px;

}

    

    .product-box .item{

        width: 100%;

        margin: 0;

        margin-bottom: 20px;

    }

    

    .inner-heading h2{

        font-size: 18px;

    }

    

    .big-prdct-img{

        width: 100%;

    }

	

	.inner-page #footer {

    margin-top: 50px;

}

.slide-data h2 {
    font-size: 20px;
}

.top-head h2 {
    font-size: 15px;
}

.top-icon {
    width: 50px;
    height: 50px;
}

.inr-heading-2{
	font-size:20px;	
}

 }



@media only screen and (max-width:420px){

	.parallax-logo{

		width:100%;

	}

    

.parallax-logo img{

		width:50%;

		padding:0;

	}



    .heading h1, .heading h2 {

        font-size: 18px;

    }

  



    

    

}



@media only screen and (max-width:400px){

	





        .top-cntct-detail{

            text-align: center;

            width: 100%;

        }

        

        .top-cntct-detail .cntct-content{

            float: none;

            display: inline-block;

        }

        

        .top-cntct-detail .cntct-content:last-child{

            margin: 0;

       

        }

        

        .product-box h2{

            font-size: 14px;

        }

        #footer .row{

            width: 100%;

            margin-right: 0 !important;

        }

        



        







        .tble-design th, .tble-design td{

            font-size: 13px;

            padding: 10px 0;

        }

        

        .certi-inline{

            width: 97%;

            margin: 0;

            margin-bottom: 20px;

        }

        

        
		
		p{
			font-size:13px;	
		}



}







@media only screen and (max-width:320px){

    .btn{

        margin-bottom: 5px;

    }

    

}