/************************************************************************************
smaller than 1269
*************************************************************************************/
@media screen and (max-width: 1269px) {
	.index-blog {
		width: 100% !important; }

    .wrap{
        width:96%;
    }


    /* ------------------- Start Top ------------------- */

    .top-icon{		 		  
        top:15px;
        bottom:65px;
    }

    nav ul li{ margin-left:18px; }


    .social-icon{
        padding:0px 0px 0px 0px;
        float:right;
    }

    /* ------------------- End Top ------------------- */


    /* ------------------- Start Index Slide ------------------- */

    .index-slide-content{
        width:100%;
        padding:20px 10px 30px 30px;
        position:relative;
        left:0px;
        top:0px;
        text-align:left;
    }

    .index-slide-content h2{ font-size:30px; line-height:30px; }
    .index-slide-content h3{ font-size:25px; line-height:25px; }
    .index-slide-content p{ font-size:20px; line-height:25px; }

    .index-slide-content-number{ font-size:20px; line-height:25px; }

    .index-slide-number{
        width:100%;
        float:left;
        position:absolute;
        left:0px;
        text-align:center;
    }

    .index-slide-number li{ width:32px !important; margin-top:0px; margin-left:5px; margin-right:5px; display:inline-block; }

    /* ------------------- End Index Slide ------------------- */


    /* -------------- Start Index Body -------------- */

    aside.index-header-left{
        width:100%;
        padding:30px 30px;
        height:auto;
    }

    .smes{
        width:100%;
        margin-top:0px;
        text-align:center;
    }

    .smes h2{ font-size:30px; line-height:30px;  }

    .smes-image{
        width:100%;
        padding:25px 0px 0px;
        text-align:center;
        float:left;
    }

    aside.index-header-right{
        width:100%;
        height:auto;
    }

    .hiring-video{
        width:100%;
        height:auto;
        text-align:center;
    }

    .hiring-video img{ width:auto; height:auto; }

    .hiring-text{
        width:100%;
        padding:25px 10px;
        height:auto;
    }

    .index-news-events{
        width:100%;
        padding:20px 30px;
        text-align:center;
    }

    /*.index-news-events li:nth-child(1){ width:100%; }
    .index-news-events li:nth-child(2){ width:100%; float:left; padding-top:15px; }*/

    .index-news-events p{ text-align:center; }

    .index-news-events-arrow{
        top:36%;
    }	

   .index-our-clients{
        width:100%;
        padding:20px 30px;
        text-align:center;
    }

 	/*.index-our-clients li:nth-child(1){ width:100%; }
    .index-our-clients li:nth-child(2){ width:100%; float:left; padding-top:15px; }*/

    .index-our-clients p{ text-align:center; }

    .index-our-clients-arrow{
        top:36%;
    }	

* -------------- End Index Body -------------- */





    /* ---------------- Start Footer ---------------- */

    aside.footer-left{
        width:100%;
        text-align:center;
    }

    aside.footer-right{
        width:100%;
        padding:0px 0px 25px 0px;
        float:left;
        text-align:center;
    }

    aside.footer-right ul li{ margin-left:7px; margin-right:7px; margin-top:15px; }

    /* ---------------- End Footer ---------------- */



    /* -------------- Start Contact -------------- */			

    .contact-left{
        width:40%;
    }

    .contact-right{
        width:55%;
    }

    .contact-right table{ width:100%; }

    .servicelist .lineup .item2 {
        top: 1px;
        right: 73%;
    }

    .servicelist .lineup .item3 {
        top: 1px;
        left: 73%;
    }

    .servicelist .lineup .item4 {
        bottom: 0;
        right: 60%;
    }

    .servicelist .lineup .item5 {
        bottom: 0;
        left: 60%;
    }

    .servicelist .lineup .item6 {
        top: 60px;
        left: 0;
    }

    .servicelist .lineup .item7 {
        top: 60px;
        right: 0;
    }

    /* -------------- End Contact -------------- */




}


/************************************************************************************
smaller than 1023
*************************************************************************************/
@media screen and (max-width: 1023px) {


    .wrap-1000{
        width:94%;
    }

    .wrap-920{
        width:90%;
    }

    .wrap-820{
        width:86%;
    }


    /* ------------------- Start Top ------------------- */

    .logo{
        width:100%;
        text-align:center;
    }

    .logo span{ display:block; margin-left:0px; }


    .social-icon{
        padding:0px 0px 0px 0px;
        position:absolute;
        left:0px;
        top:15px;
        z-index:1;
    }

    .social-icon img{ margin-left:0px; margin-right:8px; }

    nav{
        width:100%;
        text-align:center;
    }

    nav ul li{ font-size:12px; margin-left:10px; }

    /* ------------------- End Top ------------------- */




    /* ----------------- Start Our Team ----------------- */

    section.our-team-list li{ width:50%; height:400px; }

    .ourteam-popup{
        width:95%;
    }

    .ourteam-popup-left{
        width:100%;
        text-align:center;
    }

    .ourteam-popup-right{
        width:100%;
        padding:20px 20px 0px;
        float:left;
    }

    /* ----------------- End Our Team ----------------- */




    /* ----------------- Start Career ----------------- */

    section.career-block{
        padding:30px 0px;
    }

    .career-left{
        width:100%;
        text-align:center;
        position:relative;
    }

    .career-right{
        width:100%;
        padding:20px 0px 0px 0px;
        float:left;
    }

    .career-right h2{ font-size:30px; line-height:35px; }

    /* ----------------- End Career ----------------- */



    /* -------------- Start Contact -------------- */		

    .contact-left{
        width:40%;
    }

    .contact-right{
        width:55%;
    }

    .contact-right table tr td{ width:100%; float:left; }	
    .contact-right table tr td:nth-child(2){ display:none; }		

    /* -------------- End Contact -------------- */



    /* -------------- Start Services Main -------------- */

    section.service-main-header{
        padding:30px 0px 30px 0px;
        height:auto;
    }

    .service-one{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        left:0px;
        top:0px;
    }

    .service-two{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        left:0px;
        top:0px;
    }

    .service-three{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        left:0px;
        top:0px;
    }

    .service-four{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        left:0px;
        top:0px;
    }

    .service-five{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        right:0px;
        top:0px;
        z-index:1;
    }

    .service-six{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        right:0px;
        top:0px;
    }

    .service-seven{
        width:14%;
        padding:10px 1%;
        float:left;
        position:relative;
        right:0px;
        top:0px;
    }

    .service-preferred{
        width:100%;
        padding:20px 0px 0px;
        float:left;
        position:relative;
        left:0px;
        bottom:0px;
    }

    /* -------------- End Services Main -------------- */

    #cboxClose {
        right: 38px !important;
    }

    .servicelist .lineup { height: 310px; }
    
    .service-full { height: 446px; }

    .servicelist .lineup .item6 { top: 146px; }

    .servicelist .lineup .item7 { top: 146px; }
    
    .slogan {
        position: relative;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 737px;
        height: 73px;
    }
	
	.top-icon img {
		height: 45px;
	}
}

/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
    .simg { display: block; }
    .limg { display: none; }
    
    .slogan { width: 620px; }

    .service-full, .service-main-header.reduceheight { height: auto; }
    .servicelist ul { height: auto; overflow: hidden; padding-top: 15px; }
    .servicelist .lineup { height: 60px; padding-top: 77px; }
    .servicelist ul.active { height: auto; }
    .servicelist ul li { position: static; margin-top: 1px; }
    .servicelist ul .item1 { margin: 0; }
    .servicelist ul .active, .servicelist .lineup .active { position: absolute; top: 15px; left: 0; right: 0; bottom: auto; }
    .servicelist ul li a, .servicelist ul .item1 a { width: 100%; height: 60px; }
    .icon > span { display: none; }
    .icon > div { top: 0; bottom: 0; left: 0; right: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
    .servicelist ul li a:hover .icon > div { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
    .icon > div > span { position: absolute; top: 0; left: 0; margin: 0; }
    .item1 .icon > div > span { width: 60px; height: 60px; margin: 0; }
    .icon > div > p { text-align: left; line-height: 60px; padding-left: 75px; font-size: 14px; }
    .item1 .icon > div > p { font-size: 14px; }
    
    /* ============ Start Navigation ============ */

    section.top{
        padding:17px 0px 0px 0px;
    }

    nav{
        width:100%;
        padding:8px 0px 10px 0px;
        background:#f7d066;
    }

    nav ul li{ font-size:12px; width:100%; margin:0px; padding:0px; text-align:center; }
    nav ul li a{ padding:5px 0px; }

    nav ul li ul{
        position:relative;
        width:100% !important;
        text-align:center;
    }

    /* ============ End Navigation ============ */



    /* -------------- Start Index Body -------------- */

    aside.index-blog{
        width:100%;
    }

    aside.index-blog h3{ font-size:30px; line-height:35px; }	

    aside.index-facebook{
        width:100%;
        padding:30px 0px 0px;
        float:left;
    }

    aside.index-about{
        width:100%;
        margin-bottom:25px;
    }

    aside.index-about h3{ font-size:30px; line-height:35px; }


    aside.index-testimonials{
        width:100%;
        float:left;
    }

    aside.index-testimonials h3{ font-size:30px; line-height:35px; }


    .index-news-events li img { float:none; margin-right:0px; display:inline-block; margin-bottom:20px; }

    .index-our-clients li img { float:none; margin-right:0px; display:inline-block; margin-bottom:20px; }


    /* -------------- End Index Body -------------- */



    /* ------------------ Start Bottom ------------------ */

    section.bottom li{ width:33.33%; padding:0px 2%; }			

    /* ------------------ End Bottom ------------------ */




    /* ---------------------- Start About ---------------------- */

    section.about-block{
        padding:30px 0px;
    }

    section.about-block h2{ font-size:30px; line-height:35px; }

    aside.about-left{
        width:100%;
    }

    .about-left-list{
        width:100%;
    }

    .about-left-list2{
        width:100%;
        float:left;
        position:relative;
    }

    aside.about-right{
        width:100%;
        padding:20px 0px 0px 0px;
        float:left;
    }

    /* ---------------------- End About ---------------------- */



    /* ---------------- Start Ask Consultant ---------------- */

    aside.ask-consultant-left{
        width:100%;
    }

    aside.ask-consultant-right{
        width:100%;
        float:left;
    }

    /* ---------------- End Ask Consultant ---------------- */



    /* ----------- Start Blog ------------------ */

    section.blog-block{
        padding:30px 0px;
    }

    aside.blog-left{
        width:100%;
    }

    aside.blog-right{
        width:100%;
        float:left;
        position:relative;
    }

    /* ---------------- End Blog -------------- */



    /* ---------------------- Start Buyform ---------------------- */

    .buyform-left{
        width:100%;
        padding:0px 0px;
        text-align:center;
    }

    .buyform-right{
        width:100%;
        padding:30px 0px 0px;
        float:left;
    }

    .buyform-right h2{ font-size:30px; line-height:35px; }

    /* ---------------------- End Buyform ---------------------- */



    /* --------------- Start News and Events --------------- */

    section.news-events-block{
        padding:30px 0px 10px 0px;
    }

    .news-events-list li{ width:100%; margin-left:0px; margin-bottom:20px; text-align:center; }


    .news-events-details-list li{ width:100%; margin-left:0px; margin-bottom:60px; }

    /* --------------- End News and Events --------------- */

    
    /* --------------- Start Clients --------------- */

    section.our-clients-block{
        padding:30px 0px 10px 0px;
    }

    .our-clients-list li{ width:100%; margin-left:0px; margin-bottom:20px; text-align:center; }


    .our-clients-details-list li{ width:100%; margin-left:0px; margin-bottom:60px; }

    /* --------------- End Clients  --------------- */



    /* ----------------- Start Our Team ----------------- */

    section.our-team-list{
        padding:30px 0px 0px 0px;
    }

    section.our-team-list li{ width:100%; height:auto; margin-bottom:30px; }

    /* ----------------- End Our Team ----------------- */


    /* ------------------- Start testimonials ------------------- */

    .testimonials-header-left{
        width:100%;
        margin-bottom:16px;
        text-align:center;
    }

    .testimonials-header-right{
        width:100%;
        float:left;
        text-align:center;
    }

    /* ------------------- End testimonials ------------------- */


    /* -------------- Start Contact -------------- */

    .contact-full{ background-size:cover; }	

    section.contact-block{
        padding:30px 0px;
    }		

    .contact-left{
        width:100%;
    }

    .contact-right{
        width:100%;
    }		

    /* -------------- End Contact -------------- */



    /* ------------------- Start Services ------------------- */

    .service-full{ background-size:cover; }

    section.service-block{
        padding:30px 0px;
    }

    section.service-block ul li{ margin-bottom:15px; }

    section.service-header{
        padding:30px 0px;
    }

    section.service-header li{ width:33.33%; height:215px; margin:5px 0px; }

    /* ------------------- End Services ------------------- */


    /* -------------- Start Services Main -------------- */

    .service-full2{ background-size:cover; }

    section.service-main-header{
        padding:30px 0px 30px 0px;
        height:auto;
    }

    .service-one{
        width:50%;
        padding:10px 1%;
        text-align:center;
    }

    .service-two{
        width:50%;
        padding:10px 1%;
        text-align:center;
    }

    .service-three{
        width:50%;
        padding:10px 1%;
        text-align:center;
    }

    .service-four{
        width:50%;
        padding:10px 1%;
        text-align:center;
    }

    .service-five{
        width:50%;
        padding:10px 1%;
        text-align:center;
    }

    .service-six{
        width:50%;
        padding:10px 1%;
        text-align:center;
    }

    .service-seven{
        width:100%;
        padding:10px 1%;
        text-align:center;
    }

    .service-preferred{
        width:100%;
        text-align:center;
    }

    /* -------------- End Services Main -------------- */




    /* -------------- Start Popup -------------- */

    .question-popup{
        width:95%;
        padding:20px 20px;
    }

    .question-popup h3{ font-size:20px; line-height:25px; }

    /* -------------- End Popup -------------- */
    #cboxClose {
        right: 24px !important;
    }				

}



/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

    .slogan {
        position: absolute;
        top: 72px;
        left: 0;
        right: 60px;
        width: auto;
        height: auto;
    }
    
    section.top { padding-bottom: 50px; }

    /* ------------------- Start Top ------------------- */

    .top-icon{		 		  
        width:110px;
        text-align:right;
    }

    .top-icon img{ margin-left:0px; margin-bottom:15px; }

    /* ------------------- End Top ------------------- */

	.top-icon img {
       width: 30px;
       height: 27px;
		margin-left: 0;
	}

	.top-icon img.top_icon_logo
	{
		width:100px;
		height: auto;
	}
	

}





/************************************************************************************
smaller than 540
*************************************************************************************/
@media screen and (max-width: 500px) {


    /* ------------------- Start Services ------------------- */

    section.service-header li{ height:150px;  }

    /* ------------------- End Services ------------------- */



}




/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {



}


/************************************************************************************
smaller than 479
*************************************************************************************/
@media screen and (max-width: 380px) {
    #cboxClose {
        right: 16px !important;
    }
    .slogan {top: 82px;}

    /* ------------------- Start Services ------------------- */

    section.service-header li{ height:120px;  }

    /* ------------------- End Services ------------------- */
    .index-popup img { width:100%;}

}

@media screen and (max-width: 350px) {
	.top-icon {
		width:80px;
	}
	
	.top-icon img.top_icon_logo {
		width:75px;
	}
	.top-icon img {
		width: 37px;
		height: 30px;
		margin-left: 0;
	}
}