/****************************************************************************
959
****************************************************************************/
@media only screen and ( max-width: 959px )
{

}


/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{

.header-wrapper { position: relative; }
.header-wrapper .logo { margin: 15px 0px 10px 0px; }
/* .header-wrapper .desktop-nav { display: none !important; }
.responsive-nav { display: block; } */
nav > ul > li { min-width: 79px;  }

#mySliderTabs  { margin-top: 0px; height: 320px !important; margin-bottom: 0px !important ; }
.ui-slider-tabs-content-container { height: 320px !important; }
.ui-slider-tabs-leftPanelArrow { top: 122px !important; }
.ui-slider-tabs-rightPanelArrow { top: 122px !important; }

.search { position: absolute; top: 3px; right: 34px;width: 138px; }
.search form{width: 155px;}
.search form input[type="text"] { width: 105px !important; }
.ui-slider-tabs-list-wrapper { display: none !important; }
.work-overlay {  line-height: 220px; }
.getitnow .buy-btn { margin: 15px 15px 10px 22px; display: block;  }
.latest-blog { margin-bottom: 70px; }
.latest-blog figure { width: 166px; height: 130px; }
.latest-blog .text { width: 147px; }
.footer-top-wrapper .widget { text-align: center; }
/* .copy-right { display: none; } */
.social-nav { text-align: center; }

.widget .in-touch input[type="text"] { width: 153px !important ; }

.slider-wrapper { display: none; }

.about figure { width: 97%; }
.about article { width: 100%; }

.team { text-align: center; }

.team figure { margin: 0 auto; width: 100%; }
.team-overlay { left: 0px; width: 167px; }

.my-selector a  { display: inline-block ; margin-bottom: 15px; }
.port-pagination { text-align: center; margin-bottom: 10px; }
.port-page { text-align: center; }

.post figure { width: 96%; }
.post .post-meta { display: none; }
.blog-main .port-pagination { width: 100%; }

.comment-form { text-align: center; }
.comment-form form textarea { width: 86%; }
.blog-main .post figure { width:96%; }
.blog-comment ul li { width: 100%; }
.blog-comment ul li figure { margin-bottom: 10px; float: none; }
.blog-comment ul li .post-comment { width: 100%; float: none; }
.blog-comment .replay { margin-left: 5px; }
.blog-comment .replay li  { width: 100%; }
.blog-comment .replay li figure { margin-bottom: 10px; float: none; }
.blog-comment .replay li .post-comment { width: 100%; float: none; }
.comment-form form input[ type="text" ] { margin-right: 0px; } 

}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{

.header-wrapper { position: relative; }
.header-wrapper .logo { margin: 15px 0px 10px 0px; }
/* .header-wrapper .desktop-nav { display: none !important; }
.responsive-nav { display: block; } */
nav > ul > li { min-width: 79px;  }

#mySliderTabs  { margin-top: 0px; }
.search { position: absolute; top: 3px; right: 34px;width: 138px; }
.search form{width: 155px;}
.search form input[type="text"] { width: 105px !important; }
.ui-slider-tabs-list-wrapper { display: none !important; }
.work-overlay {  line-height: 220px; }
.getitnow .buy-btn { margin: 15px 15px 10px 22px; display: block;  }
.latest-blog { margin-bottom: 70px; }
.latest-blog figure { width: 166px; height: 130px; }
.latest-blog .text { width: 147px; }
.footer-top-wrapper .widget { text-align: center; }
.copy-right { display: none; }
.social-nav { text-align: center; }
.widget .in-touch input[type="text"] { width: 153px !important ; }

.slider-wrapper { display: none; }

.about figure { width: 96%; }
.about article { width: 100%; }

.team { text-align: center; }
.team figure { margin: 0 auto; }
.team-overlay { left: 0px; width: 167px; }

.my-selector a  { display: inline-block ; margin-bottom: 15px; }
.port-pagination { text-align: center; margin-bottom: 10px; }
.port-page { text-align: center; }

.post figure { width: 96%; }
.post .post-meta { display: none; }
.blog-main .port-pagination { width: 100%; }

.comment-form { text-align: center; }
.comment-form form textarea { width: 86%; }
.blog-main .post figure { width:96%; }
.blog-comment ul li { width: 100%; }
.blog-comment ul li figure { margin-bottom: 10px; float: none; }
.blog-comment ul li .post-comment { width: 100%; float: none; }
.blog-comment .replay { margin-left: 5px; }
.blog-comment .replay li  { width: 100%; }
.blog-comment .replay li figure { margin-bottom: 10px; float: none; }
.blog-comment .replay li .post-comment { width: 100%; float: none; }
.comment-form form input[ type="text" ] { margin-right: 0px; } 
}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px)
{

.res-hide { display: none ; }
.res-show  { display: block ; overflow:hidden; } 

.select-coloumn { margin-top: 20px; }
.select-coloumn ul { float: none; margin: 0 auto; }

.header-wrapper { position: relative; }
.header-wrapper .logo { margin: 15px 0px 10px 0px; }
.header-wrapper .desktop-nav { display: none !important; }
.responsive-nav { display: block; }

#mySliderTabs  { margin-top: 0px; height: 320px !important; margin-bottom: 0px !important ; }
.ui-slider-tabs-content-container { height: 320px !important; }
.ui-slider-tabs-leftPanelArrow { top: 122px !important; }
.ui-slider-tabs-rightPanelArrow { top: 122px !important; }

.search { position: absolute; top: 3px; right: 34px;width: 138px; }
.search form{width: 155px;}
.search form input[type="text"] { width: 105px !important; }
.ui-slider-tabs-list-wrapper { display: none !important; }
.work-overlay {  line-height: 220px; }
.getitnow .buy-btn { margin: 15px 15px 10px 22px; display: block;  }
.latest-blog { margin-bottom: 150px; }
.latest-blog figure {  height: 200px; width: 100% !important; }
 
.latest-blog .text { width: 96%; margin-bottom: 15px; }
.footer-top-wrapper .widget { text-align: center; }
.copy-right { display: none; }
.social-nav { text-align: center; }

.slider-wrapper { display: none; }

.about figure { width: 97%; }
.about article { width: 100%; }

.work-detail figure { height: 210px !important;  }

.team { text-align: center; }
.team figure { margin: 0 auto; }
.team-overlay { left: 190px !important ; width: 221px  !important;  }

.my-selector a  { display: inline-block ; margin-bottom: 15px; }
#project-eliment .work-overlay { line-height: 255px; }
.port-pagination { text-align: center; margin-bottom: 10px; }
.port-page { text-align: center; }

.post figure { width: 96%; }
.post .post-meta { display: none; }
.blog-main .port-pagination { width: 100%; }

.comment-form { text-align: center; }
.comment-form form textarea { width: 86%; }
.blog-main .post figure { width:96%; }
.blog-comment ul li { width: 100%; }
.blog-comment ul li figure { margin-bottom: 10px; float: none; }
.blog-comment ul li .post-comment { width: 100%; float: none; }
.blog-comment .replay { margin-left: 5px; }
.blog-comment .replay li  { width: 100%; }
.blog-comment .replay li figure { margin-bottom: 10px; float: none; }
.blog-comment .replay li .post-comment { width: 100%; float: none; }
.comment-form form input[ type="text" ] { margin-right: 0px; } 



}

/****************************************************************************
(320 X 480)
****************************************************************************/
@media only screen and (min-width: 320px) and (max-width: 479px)
{


.res-hide { display: none ; }
.res-show  { display: block ; overflow:hidden; } 

.select-coloumn { margin-top: 20px; }
.select-coloumn ul { float: none; margin: 0 auto; }

.header-wrapper { position: relative; }
.header-wrapper .logo { margin: 15px 0px 35px 0px; }
.header-wrapper .desktop-nav { display: none !important; }
.responsive-nav { display: block; }

#mySliderTabs  { margin-top: 0px; height: 320px !important; margin-bottom: 0px !important ; }
.ui-slider-tabs-content-container { height: 320px !important; }
.ui-slider-tabs-leftPanelArrow { top: 122px !important; }
.ui-slider-tabs-rightPanelArrow { top: 122px !important; }

.search { position: absolute; top: 3px; right: 34px;width: 138px; }
.search form{width: 155px;}
.search form input[type="text"] { width: 105px !important; }
.ui-slider-tabs-list-wrapper { display: none !important; }
.work-overlay {  line-height: 220px; }
.getitnow .buy-btn { margin: 15px 15px 10px 22px; display: block;  }
.latest-blog { margin-bottom: 70px; }
.latest-blog figure { width: 320px; height: 130px; }
.latest-blog .text { width: 300px; }
.footer-top-wrapper .widget { text-align: center; }
.copy-right { display: none; }
.social-nav { text-align: center; }

.slider-wrapper { display: none; }

.team { text-align: center; }
.team figure { margin: 0 auto; }
.team-overlay { left: 50px !important; width: 221px  !important; }

.my-selector a  { display: inline-block ; margin-bottom: 15px; }
.port-pagination { text-align: center; margin-bottom: 10px; }
.port-page { text-align: center; }

.post figure { width: 96%; }
.post .post-meta { display: none; }
.blog-main .port-pagination { width: 100%; }

.comment-form { text-align: center; }
.comment-form form textarea { width: 86%; }

.blog-main .post figure { width:96%; }
.blog-comment ul li { width: 100%; }
.blog-comment ul li figure { margin-bottom: 10px; float: none; }
.blog-comment ul li .post-comment { width: 100%; float: none; }
.blog-comment .replay { margin-left: 5px; }
.blog-comment .replay li  { width: 100%; }
.blog-comment .replay li figure { margin-bottom: 10px; float: none; }
.blog-comment .replay li .post-comment { width: 100%; float: none; }
.comment-form form input[ type="text" ] { margin-right: 0px; }  
}