@media only screen and (min-width:320px) and (max-width:479px)
{
    .main-wrapper{ width: 100%;
                    margin-top: 0px;
                    margin-top: 43px;
                    z-index: 0;}
    

    header{ width: 100%; position: relative;}
    .ui-btn{ width: 19% !important;}
    .left{ width: 100%;}
    .right{ width: 100%;}
    .social-links{ width: 100%;}
    .navbar-brand{ margin-top: 0; width: 29%;}
    .navbar {width: 100%;
            margin-top: 22px;
            padding: 0;}
    .line {border-right: none;}
    .ui-mobile a img, .ui-mobile fieldset{ width: 100%;}
    .navbar-nav{ float: left !important; margin-left: 10px;}
    .top-head{ width: 100%;}
    .main-wrapper3{ width: 100%;}
    .min-main{ width: 100%;}
    .main-wrapper2{ width: 100%;}
    .right-tour{ width: 100%;}
    .left-tour{ width: 100%;}
    .reserve{ width: 100%;}
    .testi-button{ width: 48%;}
    .navbar-brand img{ width: 69%;}
    
}


@media only screen and (min-width:480px) and (max-width:599px)
{
    .main-wrapper{ width: 100%;
                    margin-top: 0px;
                    margin-top: 43px;
                    z-index: 0;}
    
    #wowslider-container1{margin: 0px auto 0px !important;}
    header{ width: 100%; position: relative;}
    .ui-btn{ width: 14% !important;}
    .left{ width: 100%;}
    .right{ width: 100%;}
    .social-links{ width: 100%;}
    .navbar-brand{ margin-top: 0; width: 29%;}
    .navbar {width: 100%;
            margin-top: 22px;
            padding: 0;}
    .line {border-right: none;}
    .ui-mobile a img, .ui-mobile fieldset{ width: 100%;}
    .navbar-nav{ float: left !important; margin-left: 10px;}
    .top-head{ width: 100%;}
    .main-wrapper3{ width: 100%;}
    .min-main{ width: 100%;}
    .main-wrapper2{ width: 100%;}
    .right-tour{ width: 100%;}
    .left-tour{ width: 100%;}
    .reserve{ width: 100%;}
    .testi-button{ width: 30%;}
    .navbar-brand img{ width: 44%;}
}

@media only screen and (min-width:600px) and (max-width:767px)
{
    .main-wrapper{ width: 100%;
                    margin-top: 0px;
                    margin-top: 43px;
                    z-index: 0 !important;}
    
    #wowslider-container1{margin: 0px auto 0px !important;}
    header{ width: 100%; position: relative;}
    .ui-btn{ width: 14% !important;}
    .left{ width: 100%;}
    .right{ width: 100%;}
    .social-links{ width: 100%;}
    .navbar-brand{ margin-top: 0; width: 29%;}
    .navbar {width: 100%;
            margin-top: 22px;
            padding: 0;}
    .line {border-right: none;}
    .ui-mobile a img, .ui-mobile fieldset{ width: 100%;}
    .navbar-nav{ float: left !important; margin-left: 10px;}
    .top-head{ width: 100%;}
    .main-wrapper3{ width: 100%;}
    .min-main{ width: 100%;}
    .main-wrapper2{ width: 100%;}
    .right-tour{ width: 100%;}
    .left-tour{ width: 100%;}
    .reserve{ width: 100%;}
    .testi-button{ width: 27%;}
    .navbar-brand img{ width: 44%; margin-top: -5px;}
}

@media only screen and (min-width:768px) and (max-width:853px)
{
    .main-wrapper{ width: 100%;
                    margin-top: 0px;
                    margin-top: 43px;}
    
    #wowslider-container1{margin: 0px auto 0px !important;}
    header{ width: 100%; position: relative;}
    button.ui-btn, .ui-controlgroup-controls button.ui-btn-icon-notext{ width: 20% !important;}
    .left{ width: 42%;}
    .right{ width: 55%;}
    .social-links{ width: 100%;}
    .line{ border-right: none;}
    .navbar{ width: 100%; margin-top: 12px;}
    .navbar-brand{ margin-top: 0;}
    .top-head{ width: 100%;}
    .main-wrapper3{ width: 100%;}
    .min-main{ width: 100%;}
    .main-wrapper2{ width: 100%;}
    .reserve{ width: 100%;}
    .testi-button{ width: 20%;}
    
}

@media only screen and (min-width:854px) and (max-width:1024px){
	
	.navbar{ width: 96%; margin-top: 15px;}
	.navbar-brand{ margin-top: 3px;}
	
	
}

@media only screen and (min-width:1025px) and (max-width:1399px)
{
    .main-wrapper{ width: 100%;
                    margin-top: 0px;
                    margin-top: 43px;}
    
    #wowslider-container1{margin: 0px auto 0px !important;}
    header{ width: 100%; position: relative;}
    button.ui-btn, .ui-controlgroup-controls button.ui-btn-icon-notext{ width: 20% !important;}
    .left{ width: 38%;}
    .right{ width: 60%;}
    .social-links{ width: 100%;}
    .line{ border-right: none;}
    .navbar{ width: 77%;}
    .navbar-brand{ margin-top: 0;}
    .top-head{ width: 100%;}
    .main-wrapper3{ width: 100%;}
    .min-main{ width: 100%;}
    .main-wrapper2{ width: 100%;}
    .reserve{ width: 100%;}
    
}