
@media only screen and (max-width:479px) {
    .navbar-inverse .container-fluid{padding: 0}
    .navbar-inverse .container-fluid .navbar-header{margin: 0}
    .nav.navbar-nav{width: 100%;}
    .logo{float: left;margin: 0 10px;}
    .header-form{width: 96%;left: 2%;top: 10%;}
    .step2{top: 3%;}
    .header-form h2{font-size: 22px;}
    .header-form p{font-size: 14px;margin-bottom: 10px;}
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .thumbnail a > img, .thumbnail > img{height: 70vh;}
    .gccCountry{width: 95%;padding: 8px;}
    .gccList li{width: 50%}
    .works-holder{padding: 1em 0;}
    .works-holder .title-section{padding: 1em 0;}
    .works-holder .title-section h3{font-size: 28px;}
    .works-holder .box-content{padding: 15px;min-height: auto;margin: 5px 0;}
    .works-holder .box-content .img-work-holder{margin: 1em 0;width: 100px;height: 100px;}
    section.testimonial{padding: 0;}
    h2{margin: 20px 0;font-size: 25px;}
    .imgCircle{float: none;margin: auto;}
    .testText{width: 100%;text-align: center;}
    .footer-logo{margin: 0 auto 10px;padding: 5px 15px;width: 150px}
    .footer-bottom{padding: 5px;}
    .footer-bottom h4{font-size: 14px;}
    footer .links a{margin: 3px;}
    .result-top{margin: 20px 0;}
    .result-top .col-md-3{margin-bottom: 10px;}
    .submitBtn{margin: 10px auto 0;display: block;}
    .result-top label{line-height: 30px;margin: 0;text-align: left;padding: 0;}
    .title{margin-bottom: 25px;}
    .documentType{width: 100%;}
    .feeTable{width: 100%;}
    .visaResult{padding: 0;margin: 30px 0 20px;}
    .applicationForm .container{padding: 0;}
    #progressbar li{font-size: 13px;}
    #progressbar li a{padding:2px;}
    .applicationForm fieldset{padding: 0;}
    .applicationForm fieldset .form-group{margin-bottom: 0;}
    .floating-label{margin-bottom: 30px;}
    .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label{top: -18px;}
    .floating-input, .floating-select{line-height: 28px;height: 28px;}
    .applicationForm h3{font-size: 20px;margin-bottom: 20px;width: 100%;float: left;}
    .appHeading{margin: 10px 15px;}
    .checkoutPage .container, .thanksPage .container{padding: 0;}
    .checkoutBox{width: 100%;}
    .thanksBox{width: 100%;}
    .about .container{padding: 0;}
    .about h3{font-size: 20px;}
    .about .abtImg{margin-bottom: 20px;}
    .countryList{padding-left: 0;}
    .countryList li{width: 40%;margin-left: 25px;}
    .requiredDocs h4{width: 100%;padding: 15px 5px;height: auto;}
    .requiredDocs ul{width: 100%;height: auto;}
    #visaformPop .modal-dialog{width: 95%;}
    .modal .gccCountry .modal-body{padding: 7px;}
    .trackForm .form-control{margin-bottom: 10px;}
    .contact #contactAddress{width: 100%;}
	.contactInfo{text-align:center;}
}

@media only screen and (min-width:480px) and (max-width:767px) {

}
@media only screen and (min-width:768px) and (max-width:1023px) {
	.carousel-inner > .item > a > img, .carousel-inner > .item > img, .thumbnail a > img, .thumbnail > img{height:55vh;}
	.header-form{width:95%;left:3%;top:10%;}
	.gccCountry{width:100%;}
	.works-holder .box-content{margin:10px 0;}
	.testText{width:100%}
	.result-top{margin:20px 0;}
	.result-top label{padding-left:0;}
	.result-top .col-md-3{height:55px;}
	.result-top .submitBtn{margin:0 auto;display:block;}
	#visaformPop .modal-dialog{width:97%;margin-top:40%;}
	.countryList li{width:28%;}
	.contact #contactAddress{width:100%;}
}

@media only screen and (max-width: 360px){
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .thumbnail a > img, .thumbnail > img {
	height: 85vh !important;}
	.header-form{width:100%;left:0;}
	.gccCountry {width:100%;}
	.gccList li{padding:5px 2px;}
}